mirror of
https://github.com/R0m1k3/Socialflow.git
synced 2026-10-21 05:58:12 +02:00
michaelschal
f881f668a6
Includes a Dockerfile for building the application image and an INSTALLATION.md file detailing the setup process, prerequisites, and helpful commands for managing the application on a private server. Replit-Commit-Author: Agent Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda Replit-Commit-Checkpoint-Type: intermediate_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/ds3R7vP
65 lines
2.0 KiB
TypeScript
65 lines
2.0 KiB
TypeScript
import Sidebar from "@/components/sidebar";
|
|
import TopBar from "@/components/topbar";
|
|
import StatsCards from "@/components/stats-cards";
|
|
import AiChat from "@/components/ai-chat";
|
|
import MediaUpload from "@/components/media-upload";
|
|
import CalendarView from "@/components/calendar-view";
|
|
import ManagedPages from "@/components/managed-pages";
|
|
import QuickActions from "@/components/quick-actions";
|
|
import { Menu } from "lucide-react";
|
|
import { useState } from "react";
|
|
|
|
export default function Dashboard() {
|
|
const [sidebarOpen, setSidebarOpen] = useState(false);
|
|
|
|
return (
|
|
<div className="flex h-screen overflow-hidden bg-background">
|
|
{/* Mobile sidebar overlay */}
|
|
{sidebarOpen && (
|
|
<div
|
|
className="fixed inset-0 bg-black/50 z-40 lg:hidden"
|
|
onClick={() => setSidebarOpen(false)}
|
|
/>
|
|
)}
|
|
|
|
{/* Sidebar */}
|
|
<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 content */}
|
|
<main className="flex-1 overflow-y-auto">
|
|
<TopBar onMenuClick={() => setSidebarOpen(!sidebarOpen)} />
|
|
|
|
<div className="p-6 space-y-6">
|
|
<StatsCards />
|
|
|
|
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
|
<div className="lg:col-span-2">
|
|
<AiChat />
|
|
</div>
|
|
<div>
|
|
<QuickActions />
|
|
</div>
|
|
</div>
|
|
|
|
<MediaUpload />
|
|
<CalendarView />
|
|
<ManagedPages />
|
|
</div>
|
|
</main>
|
|
|
|
{/* Floating action button for mobile */}
|
|
<button
|
|
className="fixed bottom-6 right-6 w-14 h-14 bg-primary rounded-full shadow-xl flex items-center justify-center text-primary-foreground lg:hidden hover:scale-110 transition-all z-30"
|
|
data-testid="button-new-post"
|
|
>
|
|
<Menu className="w-6 h-6" />
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|