Michael/Socialflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Socialflow.git synced 2026-10-21 05:58:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(analytics): Implement Analytics Dashboard and Token Management

Browse Source
This commit is contained in:
Michael committed 2026-01-20 13:49:24 +01:00
1 parent b38f082d6e
commit f8ddb44e38
822 files changed
+132545 -51
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

client/src/pages/AnalyticsPage.tsx
+38
View File
@@ -0,0 +1,38 @@
import Sidebar from "@/components/sidebar";
import TopBar from "@/components/topbar";
import { AnalyticsDashboard } from '@/components/analytics/AnalyticsDashboard';
import { useState } from "react";
export default function AnalyticsPage() {
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 onLinkClick={() => setSidebarOpen(false)} />
</div>
<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">
<div className="mb-8">
<h1 className="text-3xl font-bold tracking-tight mb-2">Social Analytics</h1>
<p className="text-muted-foreground">Monitor your Facebook & Instagram performance.</p>
</div>
<AnalyticsDashboard />
</div>
</main>
</div>
);
}
client/src/pages/mobile/analytics.tsx
+38
View File
@@ -0,0 +1,38 @@
import Sidebar from "@/components/sidebar";
import TopBar from "@/components/topbar";
import { AnalyticsDashboard } from '@/components/analytics/AnalyticsDashboard';
import { useState } from "react";
export default function AnalyticsPageMobile() {
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"
onClick={() => setSidebarOpen(false)}
/>
)}
<div className={`
fixed inset-y-0 left-0 z-50 transform transition-transform duration-300 ease-in-out
${sidebarOpen ? 'translate-x-0' : '-translate-x-full'}
`}>
<Sidebar onLinkClick={() => setSidebarOpen(false)} />
</div>
<main className="flex-1 overflow-y-auto">
<TopBar onMenuClick={() => setSidebarOpen(!sidebarOpen)} />
<div className="p-4 space-y-6">
<div className="mb-4">
<h1 className="text-2xl font-bold tracking-tight mb-2">Social Analytics</h1>
<p className="text-sm text-muted-foreground">Monitor your performance.</p>
</div>
<AnalyticsDashboard />
</div>
</main>
</div>
);
}