106 lines
4.4 KiB
TypeScript
106 lines
4.4 KiB
TypeScript
|
// MUI Imports
|
||
|
|
import Grid from '@mui/material/Grid2'
|
||
|
|
|
||
|
|
// Component Imports
|
||
|
|
import StatisticsCard from '@views/pages/widget-examples/statistics/StatisticsCard'
|
||
|
|
import Square from '@views/pages/widget-examples/statistics/Square'
|
||
|
|
import DistributedBarChartOrder from '@/views/pages/widget-examples/statistics/DistributedBarChartOrder'
|
||
|
|
import LineAreaYearlySalesChart from '@views/pages/widget-examples/statistics/LineAreaYearlySalesChart'
|
||
|
|
import LineChartProfit from '@views/pages/widget-examples/statistics/LineChartProfit'
|
||
|
|
import BarChartSessionsWithNegativeValues from '@views/pages/widget-examples/statistics/BarChartSessionsWithNegativeValues'
|
||
|
|
import RadialBarChart from '@views/pages/widget-examples/statistics/RadialBarChart'
|
||
|
|
import LineChartImpression from '@views/pages/widget-examples/statistics/LineChartImpression'
|
||
|
|
import Horizontal from '@views/pages/widget-examples/statistics/Horizontal'
|
||
|
|
import CardStatsLineAreaCharts from '@views/pages/widget-examples/statistics/CardStatsLineAreaCharts'
|
||
|
|
import LineAreaDailySalesChart from '@views/pages/widget-examples/statistics/LineAreaDailySalesChart'
|
||
|
|
import SalesOverview from '@views/pages/widget-examples/statistics/SalesOverview'
|
||
|
|
import BarChartDailyTraffic from '@views/pages/widget-examples/statistics/BarChartDailyTraffic'
|
||
|
|
import SubscribersOrders from '@views/pages/widget-examples/statistics/SubscribersOrders'
|
||
|
|
import Vertical from '@views/pages/widget-examples/statistics/Vertical'
|
||
|
|
import BarChartRevenueGrowth from '@views/pages/widget-examples/statistics/BarChartRevenueGrowth'
|
||
|
|
import DonutChartGeneratedLeads from '@views/pages/widget-examples/statistics/DonutChartGeneratedLeads'
|
||
|
|
import HorizontalStatisticsCard from '@views/pages/widget-examples/statistics/HorizontalStatisticsCard'
|
||
|
|
import CustomerStatisticsCard from '@views/pages/widget-examples/statistics/CustomerStatisticsCard'
|
||
|
|
import LogisticsStatisticsCard from '@views/apps/logistics/dashboard/LogisticsStatisticsCard'
|
||
|
|
import UserListCards from '@views/pages/widget-examples/statistics/UserListCards'
|
||
|
|
|
||
|
|
// Data Imports
|
||
|
|
import { getStatisticsData } from '@/app/server/actions'
|
||
|
|
|
||
|
|
// TODO: Connect to backend API when statistics service is available
|
||
|
|
|
||
|
|
const Statistics = async () => {
|
||
|
|
// TODO: Fetch data from backend API when statistics service is available
|
||
|
|
const statsData = await getStatisticsData()
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Grid container spacing={6}>
|
||
|
|
<Grid size={{ xs: 12, md: 8 }}>
|
||
|
|
<StatisticsCard />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, md: 4 }}>
|
||
|
|
<Square data={statsData?.statsSquare} />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
|
||
|
|
<DistributedBarChartOrder />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
|
||
|
|
<LineAreaYearlySalesChart />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
|
||
|
|
<LineChartProfit />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
|
||
|
|
<BarChartSessionsWithNegativeValues />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
|
||
|
|
<RadialBarChart />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
|
||
|
|
<LineChartImpression />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<LogisticsStatisticsCard data={statsData?.statsHorizontalWithBorder} />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<UserListCards />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<Horizontal data={statsData?.statsHorizontal} />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<CardStatsLineAreaCharts data={statsData?.statsWithAreaChart} />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, sm: 6, lg: 3 }}>
|
||
|
|
<LineAreaDailySalesChart />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, sm: 6, lg: 3 }}>
|
||
|
|
<SalesOverview />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, sm: 6, lg: 3 }}>
|
||
|
|
<BarChartDailyTraffic />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, sm: 6, lg: 3 }}>
|
||
|
|
<SubscribersOrders />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<HorizontalStatisticsCard data={statsData?.statsHorizontalWithAvatar} />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<CustomerStatisticsCard customerStatData={statsData?.customerStats} />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, md: 6, lg: 4 }}>
|
||
|
|
<Vertical data={statsData?.statsVertical} />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, md: 6, lg: 4 }}>
|
||
|
|
<BarChartRevenueGrowth />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, md: 6, lg: 4 }}>
|
||
|
|
<DonutChartGeneratedLeads />
|
||
|
|
</Grid>
|
||
|
|
</Grid>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Statistics
|