Doormile/Doormilexpress_console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates on the profitiability page

Browse Source
This commit is contained in:
dharaneesh-r
2026-06-22 16:59:40 +05:30
parent 25aaa46e5d
commit e184cd2d3b
3 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/nearle/dispatch/ProfitabilitySection.css
View File

@@ -319,7 +319,7 @@ body {
max-width: 100%; max-width: 100%;
display: grid; display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(5, minmax(0, 1fr));
gap: var(--space-xl); gap: var(--space-xl);
margin-bottom: var(--space-lg); margin-bottom: var(--space-lg);
@@ -338,9 +338,9 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--space-md); gap: 6px;
padding: var(--space-2xl); padding: 12px 16px;
background: var(--bg-card); background: var(--bg-card);
border: 1px solid var(--border); border: 1px solid var(--border);
@@ -508,10 +508,10 @@ body {
} }
.profitability-summary-value { .profitability-summary-value {
font-size: clamp(28px, 3vw, 42px); font-size: clamp(20px, 2.2vw, 24px);
font-weight: 800; font-weight: 800;
color: var(--text-primary); color: var(--text-primary);
letter-spacing: -0.04em; letter-spacing: -0.02em;
line-height: 1; line-height: 1;
margin: 0; margin: 0;
overflow-wrap: break-word; overflow-wrap: break-word;
@@ -1390,10 +1390,10 @@ body {
} }
} }
/* LAPTOP: 1280px - 4-column still works */ /* LAPTOP: 1280px - 5-column works since cards are smaller */
@media (max-width: 1440px) { @media (max-width: 1440px) {
.profitability-summary-row { .profitability-summary-row {
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(5, minmax(0, 1fr));
} }
} }

6
src/pages/nearle/dispatch/ProfitabilitySection.js
View File

@@ -441,6 +441,7 @@ export default function ProfitabilitySection({
const slotRevenue = activeEnriched.reduce((s, r) => s + r._m.revenue, 0); const slotRevenue = activeEnriched.reduce((s, r) => s + r._m.revenue, 0);
const slotCost = activeEnriched.reduce((s, r) => s + r._m.totalCost, 0); const slotCost = activeEnriched.reduce((s, r) => s + r._m.totalCost, 0);
const slotNet = activeEnriched.reduce((s, r) => s + r._m.net, 0); const slotNet = activeEnriched.reduce((s, r) => s + r._m.net, 0);
const slotKms = activeEnriched.reduce((s, r) => s + r._m.kms, 0);
const profitCount = activeEnriched.filter((r) => r._m.net >= 0).length; const profitCount = activeEnriched.filter((r) => r._m.net >= 0).length;
const lossCount = activeEnriched.length - profitCount; const lossCount = activeEnriched.length - profitCount;
@@ -525,6 +526,11 @@ export default function ProfitabilitySection({
{profitCount} in profit · {lossCount} at loss {profitCount} in profit · {lossCount} at loss
</span> </span>
</div> </div>
<div className="profitability-summary-card profitability-summary-card--primary">
<span className="profitability-summary-label">Total Distance</span>
<span className="profitability-summary-value">{slotKms.toFixed(1)} km</span>
<span className="profitability-summary-detail">Cumulative travel distance</span>
</div>
<div className="profitability-summary-card profitability-summary-card--primary"> <div className="profitability-summary-card profitability-summary-card--primary">
<span className="profitability-summary-label">Slot Revenue</span> <span className="profitability-summary-label">Slot Revenue</span>
<span className="profitability-summary-value">{rupees(slotRevenue)}</span> <span className="profitability-summary-value">{rupees(slotRevenue)}</span>

13
src/pages/nearle/reports/profitability.js
View File

@@ -286,6 +286,7 @@ export default function ProfitabilityReport() {
let totalCost = 0; let totalCost = 0;
let profitableRiders = 0; let profitableRiders = 0;
let lossRiders = 0; let lossRiders = 0;
let totalKms = 0;
const list = ridersList const list = ridersList
.map((r) => { .map((r) => {
@@ -341,6 +342,7 @@ export default function ProfitabilityReport() {
totalOrders += ordersInSlots; totalOrders += ordersInSlots;
totalRevenue += rRevenue; totalRevenue += rRevenue;
totalCost += rTotalCost; totalCost += rTotalCost;
totalKms += rKms;
activeRiders++; activeRiders++;
return { return {
@@ -368,6 +370,7 @@ export default function ProfitabilityReport() {
totalMargin, totalMargin,
profitableRiders, profitableRiders,
lossRiders, lossRiders,
totalKms,
enrichedRiders: list enrichedRiders: list
}; };
}, [ridersList, customBatches]); }, [ridersList, customBatches]);
@@ -392,6 +395,14 @@ export default function ProfitabilityReport() {
value: stats?.activeRiders ?? 0, value: stats?.activeRiders ?? 0,
detail: `${stats?.profitableRiders ?? 0} in profit · ${stats?.lossRiders ?? 0} at loss` detail: `${stats?.profitableRiders ?? 0} in profit · ${stats?.lossRiders ?? 0} at loss`
}, },
{
key: 'kms',
label: 'Total Distance',
color: '#10b981',
icon: MdStraighten,
value: `${(stats?.totalKms ?? 0).toFixed(1)} km`,
detail: 'Cumulative travel distance'
},
{ {
key: 'revenue', key: 'revenue',
label: 'Slot Revenue', label: 'Slot Revenue',
@@ -449,7 +460,7 @@ export default function ProfitabilityReport() {
{KPI_META.map((item) => { {KPI_META.map((item) => {
const Icon = item.icon; const Icon = item.icon;
return ( return (
<Grid item key={item.key} xs={6} sm={6} md={3}> <Grid item key={item.key} xs={6} sm={4} md={2.4}>
<StatCard <StatCard
title={item.label} title={item.label}
value={item.value ?? 0} value={item.value ?? 0}