g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update profit-analysis-modal.tsx

Browse Source
This commit is contained in:
NotII
2025-08-26 21:08:48 +01:00
parent f3fb067da7
commit 6a2cd9aa79
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/modals/profit-analysis-modal.tsx
View File

@@ -208,6 +208,10 @@ export const ProfitAnalysisModal: React.FC<ProfitAnalysisModalProps> = ({
{profitData.profitMargins.map((tier, index) => {
const ProfitIcon = getProfitIcon(tier.profit);
const totalProfitForMinQty = tier.profit !== null ? tier.profit * tier.minQuantity : null;
const totalRevenueForMinQty = tier.pricePerUnit * tier.minQuantity;
const totalCostForMinQty = profitData.costPerUnit * tier.minQuantity;
return (
<div
key={index}
@@ -220,14 +224,20 @@ export const ProfitAnalysisModal: React.FC<ProfitAnalysisModalProps> = ({
{tier.minQuantity}+ units @ {formatCurrency(tier.pricePerUnit)}
</p>
<p className="text-sm text-muted-foreground">
Minimum quantity: {tier.minQuantity}
Revenue for {tier.minQuantity} units: {formatCurrency(totalRevenueForMinQty)}
</p>
<p className="text-sm text-muted-foreground">
Cost for {tier.minQuantity} units: {formatCurrency(totalCostForMinQty)}
</p>
</div>
</div>
<div className="text-right space-y-1">
<div className={`font-medium ${getProfitColor(tier.profit)}`}>
Profit: {formatCurrency(tier.profit)}
<div className={`font-medium ${getProfitColor(totalProfitForMinQty)}`}>
Total Profit: {formatCurrency(totalProfitForMinQty)}
</div>
<div className="text-sm text-muted-foreground">
Per unit: {formatCurrency(tier.profit)}
</div>
<div className="text-sm text-muted-foreground">
Margin: {formatPercentage(tier.profitMargin)} |