Add reusable spool price notice above table

This commit is contained in:
DaX
2025-09-30 10:57:53 +02:00
parent 06b0a20bef
commit 92b186b6bc

View File

@@ -190,7 +190,7 @@ export default function Home() {
</button> </button>
</div> </div>
<SaleCountdown <SaleCountdown
hasActiveSale={filaments.some(f => f.sale_active === true)} hasActiveSale={filaments.some(f => f.sale_active === true)}
maxSalePercentage={Math.max(...filaments.filter(f => f.sale_active === true).map(f => f.sale_percentage || 0), 0)} maxSalePercentage={Math.max(...filaments.filter(f => f.sale_active === true).map(f => f.sale_percentage || 0), 0)}
saleEndDate={(() => { saleEndDate={(() => {
@@ -204,7 +204,19 @@ export default function Home() {
return latestSale; return latestSale;
})()} })()}
/> />
{/* Reusable Spool Price Notice */}
<div className="mb-6 p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg">
<div className="flex items-center justify-center gap-2">
<svg className="w-5 h-5 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span className="text-blue-800 dark:text-blue-200 font-medium">
Cena višekratne špulne: 499 RSD
</span>
</div>
</div>
<FilamentTableV2 <FilamentTableV2
key={resetKey} key={resetKey}
filaments={filaments} filaments={filaments}