updates on the kpi card design
This commit is contained in:
@@ -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>
|
||||
);
|
||||
})}
|
||||
|
||||
Reference in New Issue
Block a user