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

Refactor PriceDisplay component layout

Browse Source 
- Adjusted grid layout for price display to improve readability.
- Consolidated break-even price display into a more compact format.
- Enhanced styling for better visual alignment of price information.
This commit is contained in:
PhatPhuckDave
2025-07-08 13:14:27 +02:00
parent d810b86474
commit 78f4f1e527
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/JobCardDetails.tsx
View File

@@ -251,12 +251,17 @@ const PriceDisplay: React.FC<PriceDisplayProps> = ({ job }) => {
const taxSuffix = salesTax > 0 ? ` (+${(salesTax * 100).toFixed(1)}% tax)` : ''; const taxSuffix = salesTax > 0 ? ` (+${(salesTax * 100).toFixed(1)}% tax)` : '';
return ( return (
<div className="grid gap-x-4 gap-y-2 text-sm" style={{ gridTemplateColumns: '1fr 1fr 1fr 1fr' }}> <div className="grid gap-x-4 gap-y-2 text-sm" style={{ gridTemplateColumns: '1fr 1fr' }}>
<div className="col-span-2 flex items-center gap-2 text-gray-400"> <div className="flex items-center gap-2 text-gray-400">
<Factory className="w-4 h-4" /> <Factory className="w-4 h-4" />
<span>Target Price{taxSuffix}:</span> <span>Target Price{taxSuffix}:</span>
</div> </div>
<div className="col-span-2 flex items-center gap-1"> <div className="flex items-center gap-2 text-gray-400">
<DollarSign className="w-4 h-4" />
<span>Break-even{taxSuffix}:</span>
</div>
<div className="flex items-center gap-1 text-lg">
<span <span
className="cursor-pointer hover:text-blue-400 transition-colors inline-flex items-center gap-1 text-white" className="cursor-pointer hover:text-blue-400 transition-colors inline-flex items-center gap-1 text-white"
onClick={handleCopyTargetPrice} onClick={handleCopyTargetPrice}
@@ -267,12 +272,7 @@ const PriceDisplay: React.FC<PriceDisplayProps> = ({ job }) => {
{copying === 'targetPrice' && <Copy className="w-3 h-3 text-green-400" />} {copying === 'targetPrice' && <Copy className="w-3 h-3 text-green-400" />}
</span> </span>
</div> </div>
<div className="flex items-center gap-1 text-lg">
<div className="col-span-2 flex items-center gap-2 text-gray-400">
<DollarSign className="w-4 h-4" />
<span>Break-even{taxSuffix}:</span>
</div>
<div className="col-span-2 flex items-center gap-1">
<span <span
className="cursor-pointer hover:text-yellow-400 transition-colors inline-flex items-center gap-1 text-white" className="cursor-pointer hover:text-yellow-400 transition-colors inline-flex items-center gap-1 text-white"
onClick={handleCopyBreakEvenPrice} onClick={handleCopyBreakEvenPrice}