dave/eve-industrializer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tumble the profit display around a bit

Browse Source
This commit is contained in:
PhatPhuckDave
2025-07-04 17:05:50 +02:00
parent 6f6e599db0
commit f12fdc8195
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/JobCard.tsx
View File

@@ -190,16 +190,24 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete }) => {
)} )}
</div> </div>
<div className="text-center"> <div className="text-center">
<div className="text-sm text-gray-400">Profit</div> <div className="flex items-center justify-center gap-1 text-gray-400">
<span className="text-sm">Profit</span>
</div>
<div className={`font-semibold ${profit >= 0 ? 'text-green-400' : 'text-red-400'}`}> <div className={`font-semibold ${profit >= 0 ? 'text-green-400' : 'text-red-400'}`}>
{formatISK(profit)} {formatISK(profit)}
<Badge variant={profit >= 0 ? 'default' : 'destructive'} className="ml-1 text-xs">
{margin.toFixed(1)}%
</Badge>
</div> </div>
<Badge variant={profit >= 0 ? 'default' : 'destructive'} className="text-xs">
{margin.toFixed(1)}%
</Badge>
{job.projectedRevenue > 0 && job.projectedCost > 0 && ( {job.projectedRevenue > 0 && job.projectedCost > 0 && (
<div className="text-xs text-gray-400 mt-1"> <div className="text-xs text-gray-400">
vs Projected: {formatISK(job.projectedRevenue - job.projectedCost)} vs Projected: {formatISK(job.projectedRevenue - job.projectedCost)}
<Badge
variant={profit >= (job.projectedRevenue - job.projectedCost) ? 'default' : 'destructive'}
className="ml-1 text-xs"
>
{((profit / (job.projectedRevenue - job.projectedCost)) * 100).toFixed(1)}%
</Badge>
</div> </div>
)} )}
</div> </div>