feat(reels): add real-time generation progress tracking on dashboard (desktop & mobile)

This commit is contained in:
Michael committed 2026-02-12 10:33:00 +01:00
1 parent 11b5ef0ad2
commit e1c6b51e0a
7 files changed
+209 -6

No files matched your search

+8 -5
View File
@@ -1,6 +1,7 @@
import Sidebar from "@/components/sidebar";
import TopBar from "@/components/topbar";
import StatsCards from "@/components/stats-cards";
import OngoingReels from "@/components/ongoing-reels";
import RecentPublications from "@/components/recent-publications";
import ManagedPages from "@/components/managed-pages";
import { useState } from "react";
@@ -11,12 +12,12 @@ export default function Dashboard() {
return (
<div className="flex h-screen overflow-hidden bg-background">
{sidebarOpen && (
<div
<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'}
@@ -26,12 +27,14 @@ export default function Dashboard() {
<main className="flex-1 overflow-y-auto">
<TopBar onMenuClick={() => setSidebarOpen(!sidebarOpen)} />
<div className="p-4 sm:p-6 lg:p-8 space-y-6 sm:space-y-8 max-w-[1600px] mx-auto">
<StatsCards />
<OngoingReels />
<RecentPublications />
<ManagedPages />
</div>
</main>
+3
View File
@@ -1,6 +1,7 @@
import Sidebar from "@/components/sidebar";
import TopBar from "@/components/topbar";
import StatsCards from "@/components/stats-cards";
import OngoingReels from "@/components/ongoing-reels";
import RecentPublications from "@/components/recent-publications";
import ManagedPages from "@/components/managed-pages";
import { useState } from "react";
@@ -31,6 +32,8 @@ export default function DashboardMobile() {
<div className="p-4 space-y-6">
<StatsCards />
<OngoingReels compact />
<RecentPublications />
<ManagedPages />