matt/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update navigation for new app

Browse Source
This commit is contained in:
Matt
2024-12-23 23:46:41 -05:00
parent 975e86c7d8
commit cdc0c3cc78
2 changed files with 16 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
dashboard/src/App.jsx
View File

@@ -91,29 +91,33 @@ const DashboardLayout = () => {
<div className="grid grid-cols-1 xl:grid-cols-6 gap-4"> <div className="grid grid-cols-1 xl:grid-cols-6 gap-4">
<div className="xl:col-span-4 col-span-6"> <div className="xl:col-span-4 col-span-6">
<div className="space-y-4 h-full w-full"> <div className="space-y-4 h-full w-full">
<div id="stats">
<StatCards /> <StatCards />
</div> </div>
</div> </div>
<div className="xl:col-span-2 col-span-6 h-[500px] xl:h-[643px] 2xl:h-[510px] lg:hidden xl:block"> </div>
<div id="feed-xl" className="xl:col-span-2 col-span-6 h-[500px] xl:h-[643px] 2xl:h-[510px] lg:hidden xl:block">
<div className="h-full"> <div className="h-full">
<div className="h-full"><EventFeed /></div> <div className="h-full"><EventFeed /></div>
</div> </div>
</div> </div>
</div> </div>
<div className="grid grid-cols-12 gap-4"> <div className="grid grid-cols-12 gap-4">
<div className="hidden lg:col-span-6 lg:block xl:hidden h-[740px]"> <div id="feed-lg" className="hidden lg:col-span-6 lg:block xl:hidden h-[740px]">
<EventFeed /> <EventFeed />
</div> </div>
<div className="col-span-12 lg:col-span-6 xl:col-span-4 h-[600px] lg:h-[740px]"> <div id="products" className="col-span-12 lg:col-span-6 xl:col-span-4 h-[600px] lg:h-[740px]">
<ProductGrid /> <ProductGrid />
</div> </div>
<div className="col-span-12 xl:col-span-8 h-full w-full flex"> <div id="sales" className="col-span-12 xl:col-span-8 h-full w-full flex">
<SalesChart className="w-full h-full"/> <SalesChart className="w-full h-full"/>
</div> </div>
</div> </div>
<div id="calls">
<AircallDashboard /> <AircallDashboard />
</div> </div>
</div> </div>
</div>
</ScrollProvider> </ScrollProvider>
); );
}; };

24
dashboard/src/components/dashboard/Navigation.jsx
View File

@@ -20,25 +20,13 @@ const Navigation = () => {
const baseSections = [ const baseSections = [
{ id: "stats", label: "Statistics" }, { id: "stats", label: "Statistics" },
{ {
id: "realtime", id: "feed",
label: "Realtime", label: "Event Feed",
responsiveIds: ["realtime-lg", "realtime-md"], responsiveIds: ["feed-xl", "feed-lg"],
order: { md: 2, default: 1 },
}, },
{ { id: "products", label: "Top Products" },
id: "products", { id: "sales", label: "Sales Chart" },
label: "Top Products", { id: "calls", label: "Aircall" },
responsiveIds: ["products-lg", "products-md"],
order: { md: 1, default: 2 },
},
{ id: "feed", label: "Activity Feed" },
{ id: "sales", label: "Sales Metrics" },
{ id: "campaigns", label: "Campaigns" },
{ id: "meta", label: "Meta Ads" },
{ id: "analytics", label: "Analytics" },
{ id: "behavior", label: "User Behavior" },
{ id: "gorgias", label: "Customer Service" },
{ id: "calls", label: "Calls" },
]; ];
const sortSections = (sections) => { const sortSections = (sections) => {