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> </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} /> {/* Activity & Volume Grid */}
<div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
<TransactionVolumeChart data={transactionVolume} /> <TransactionVolumeChart data={transactionVolume} />
<SalesByHourChart
<SalesByHourChart data={salesByHour}
data={salesByHour} config={{
config={{ total: {
total: { label: "Total Penjualan",
label: "Total Penjualan", color: "var(--chart-1)",
color: "var(--chart-1)", },
}, }}
}} />
/> </div>
<div className="grid grid-cols-1 gap-4 lg:grid-cols-3"> <div className="grid grid-cols-1 gap-4 lg:grid-cols-3">
<CustomPieChart <CustomPieChart