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

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

@ -53,12 +53,15 @@ 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} /> <RevenueVsProfitChart data={revenueVsProfit} />
<RevenueVsPurchasesChart data={salesByMonth} />
</div>
{/* 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={{
@ -68,6 +71,7 @@ export default function Analisa() {
}, },
}} }}
/> />
</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