vngrup/dress
vngrup/dress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: reorganize analysis charts into a responsive two-column grid layout

Browse Source
This commit is contained in:
Yoga Pangestu 2026-04-23 20:10:56 +07:00
parent 4d417fa08b
commit ee79523a4b
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
resources/js/pages/analysis.tsx
View File

@ -53,21 +53,25 @@ export default function Analisa() {
))}
</div>
<RevenueVsPurchasesChart data={salesByMonth} />
{/* Main Trends Grid */}
<div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
<RevenueVsProfitChart data={revenueVsProfit} />
<RevenueVsPurchasesChart data={salesByMonth} />
</div>
<RevenueVsProfitChart data={revenueVsProfit} />
<TransactionVolumeChart data={transactionVolume} />
<SalesByHourChart
data={salesByHour}
config={{
total: {
label: "Total Penjualan",
color: "var(--chart-1)",
},
}}
/>
{/* Activity & Volume Grid */}
<div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
<TransactionVolumeChart data={transactionVolume} />
<SalesByHourChart
data={salesByHour}
config={{
total: {
label: "Total Penjualan",
color: "var(--chart-1)",
},
}}
/>
</div>
<div className="grid grid-cols-1 gap-4 lg:grid-cols-3">
<CustomPieChart