updates on the kpi card design

This commit is contained in:
2026-07-06 17:47:09 +05:30
parent 2117444367
commit 6b3f225b24

View File

@@ -393,40 +393,35 @@ export default function ProfitabilityReport() {
label: 'Riders Active',
color: BRAND,
icon: MdPerson,
value: stats?.activeRiders ?? 0,
detail: `${stats?.profitableRiders ?? 0} in profit · ${stats?.lossRiders ?? 0} at loss`
value: stats?.activeRiders ?? 0
},
{
key: 'planned-kms',
label: 'Planned KMs',
color: '#0ea5e9',
icon: MdRoute,
value: `${(stats?.totalPlannedKms ?? 0).toFixed(1)} km`,
detail: 'Solver-planned distance'
},
{
key: 'rider-kms',
label: 'Rider KMs',
color: BRAND,
icon: MdStraighten,
value: `${(stats?.totalKms ?? 0).toFixed(1)} km`,
detail: 'Billed to riders'
value: `${(stats?.totalPlannedKms ?? 0).toFixed(1)} km`
},
{
key: 'actual-kms',
label: 'Actual KMs',
color: '#f59e0b',
icon: MdMyLocation,
value: `${(stats?.totalActualKms ?? 0).toFixed(1)} km`,
detail: 'GPS-tracked distance'
value: `${(stats?.totalActualKms ?? 0).toFixed(1)} km`
},
{
key: 'rider-kms',
label: 'Rider KMs',
color: BRAND,
icon: MdStraighten,
value: `${(stats?.totalKms ?? 0).toFixed(1)} km`
},
{
key: 'total-distance',
label: 'Total Distance',
label: 'Trip KMs',
color: '#10b981',
icon: MdStraighten,
value: `${(stats?.totalKms ?? 0).toFixed(1)} km`,
detail: 'Cumulative travel distance'
value: `${(stats?.totalKms ?? 0).toFixed(1)} km`
}
];
@@ -467,9 +462,6 @@ export default function ProfitabilityReport() {
color={item.color}
loading={isLoadingDeliveries}
/>
<Typography variant="caption" sx={{ color: DT.textSecondary, display: 'block', mt: 0.5, px: 2, fontWeight: 500 }}>
{item.detail}
</Typography>
</Grid>
);
})}