g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

anal

Browse Source
This commit is contained in:
NotII
2025-06-30 16:56:57 +01:00
parent 6516c6d2f9
commit 84e4515a26
4 changed files with 122 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
components/analytics/AnalyticsDashboard.tsx
View File

@@ -132,34 +132,17 @@ export default function AnalyticsDashboard({ initialData }: AnalyticsDashboardPr
</Card>
{/* Analytics Tabs */}
<Tabs defaultValue="revenue" className="space-y-6">
<TabsList className="grid w-full grid-cols-4">
<TabsTrigger value="revenue" className="flex items-center gap-2">
<TrendingUp className="h-4 w-4" />
Revenue
</TabsTrigger>
<TabsTrigger value="products" className="flex items-center gap-2">
<Package className="h-4 w-4" />
Products
</TabsTrigger>
<TabsTrigger value="customers" className="flex items-center gap-2">
<Users className="h-4 w-4" />
Customers
</TabsTrigger>
<TabsTrigger value="orders" className="flex items-center gap-2">
<BarChart3 className="h-4 w-4" />
Orders
</TabsTrigger>
</TabsList>
<TabsContent value="revenue" className="space-y-6">
<div className="flex items-center justify-between">
<div>
<h3 className="text-lg font-semibold">Revenue Trends</h3>
<p className="text-muted-foreground">
Track your revenue performance over time
</p>
</div>
<div className="space-y-6">
{/* Global Date Selector */}
<div className="flex items-center justify-between">
<div>
<h2 className="text-xl font-semibold">Analytics Dashboard</h2>
<p className="text-muted-foreground">
Detailed insights into your business performance
</p>
</div>
<div className="flex items-center gap-2">
<span className="text-sm text-muted-foreground">Time period:</span>
<Select value={timeRange} onValueChange={setTimeRange}>
<SelectTrigger className="w-32">
<SelectValue />
@@ -171,39 +154,69 @@ export default function AnalyticsDashboard({ initialData }: AnalyticsDashboardPr
</SelectContent>
</Select>
</div>
<RevenueChart timeRange={timeRange} />
</TabsContent>
</div>
<TabsContent value="products" className="space-y-6">
<div>
<h3 className="text-lg font-semibold">Product Performance</h3>
<p className="text-muted-foreground">
Analyze which products are performing best
</p>
</div>
<ProductPerformanceChart />
</TabsContent>
<Tabs defaultValue="revenue" className="space-y-6">
<TabsList className="grid w-full grid-cols-4">
<TabsTrigger value="revenue" className="flex items-center gap-2">
<TrendingUp className="h-4 w-4" />
Revenue
</TabsTrigger>
<TabsTrigger value="products" className="flex items-center gap-2">
<Package className="h-4 w-4" />
Products
</TabsTrigger>
<TabsTrigger value="customers" className="flex items-center gap-2">
<Users className="h-4 w-4" />
Customers
</TabsTrigger>
<TabsTrigger value="orders" className="flex items-center gap-2">
<BarChart3 className="h-4 w-4" />
Orders
</TabsTrigger>
</TabsList>
<TabsContent value="customers" className="space-y-6">
<div>
<h3 className="text-lg font-semibold">Customer Insights</h3>
<p className="text-muted-foreground">
Understand your customer base and behavior
</p>
</div>
<CustomerInsightsChart />
</TabsContent>
<TabsContent value="revenue" className="space-y-6">
<div>
<h3 className="text-lg font-semibold">Revenue Trends</h3>
<p className="text-muted-foreground">
Track your revenue performance over the selected time period
</p>
</div>
<RevenueChart timeRange={timeRange} />
</TabsContent>
<TabsContent value="orders" className="space-y-6">
<div>
<h3 className="text-lg font-semibold">Order Analytics</h3>
<p className="text-muted-foreground">
Detailed analysis of order patterns and status distribution
</p>
</div>
<OrderAnalyticsChart timeRange={timeRange} />
</TabsContent>
</Tabs>
<TabsContent value="products" className="space-y-6">
<div>
<h3 className="text-lg font-semibold">Product Performance</h3>
<p className="text-muted-foreground">
Analyze which products are performing best (all-time data)
</p>
</div>
<ProductPerformanceChart />
</TabsContent>
<TabsContent value="customers" className="space-y-6">
<div>
<h3 className="text-lg font-semibold">Customer Insights</h3>
<p className="text-muted-foreground">
Understand your customer base and behavior (all-time data)
</p>
</div>
<CustomerInsightsChart />
</TabsContent>
<TabsContent value="orders" className="space-y-6">
<div>
<h3 className="text-lg font-semibold">Order Analytics</h3>
<p className="text-muted-foreground">
Order status distribution for the selected time period
</p>
</div>
<OrderAnalyticsChart timeRange={timeRange} />
</TabsContent>
</Tabs>
</div>
</div>
);
}