Files
Socialflow/client/src/pages/dashboard.tsx
T
michaelschal 8606489a83 Improve dashboard by organizing and simplifying displayed information
Remove AiChat, MediaUpload, QuickActions, and the 'New Post' button from the dashboard page, reorganizing the layout to primarily display statistics, calendar, and managed pages.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/gEOddVG
2025-10-04 11:18:56 +00:00

41 lines
1.2 KiB
TypeScript

import Sidebar from "@/components/sidebar";
import TopBar from "@/components/topbar";
import StatsCards from "@/components/stats-cards";
import CalendarView from "@/components/calendar-view";
import ManagedPages from "@/components/managed-pages";
import { useState } from "react";
export default function Dashboard() {
const [sidebarOpen, setSidebarOpen] = useState(false);
return (
<div className="flex h-screen overflow-hidden bg-background">
{sidebarOpen && (
<div
className="fixed inset-0 bg-black/50 z-40 lg:hidden"
onClick={() => setSidebarOpen(false)}
/>
)}
<div className={`
fixed lg:static inset-y-0 left-0 z-50 transform transition-transform duration-300 ease-in-out
${sidebarOpen ? 'translate-x-0' : '-translate-x-full lg:translate-x-0'}
`}>
<Sidebar />
</div>
<main className="flex-1 overflow-y-auto">
<TopBar onMenuClick={() => setSidebarOpen(!sidebarOpen)} />
<div className="p-8 space-y-8 max-w-[1600px] mx-auto">
<StatsCards />
<CalendarView />
<ManagedPages />
</div>
</main>
</div>
);
}