Add reusable spool price notice above table
This commit is contained in:
16
app/page.tsx
16
app/page.tsx
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user