u

2026-08-03 05:11:50 +02:00
parent 5b5c77f870
commit 4db4948090
14 changed files with 1410 additions and 1178 deletions
--- a/src/components/article/boxes/TierPricePills.jsx
+++ b/src/components/article/boxes/TierPricePills.jsx
@@ -0,0 +1,31 @@
+import Box from '@mui/material/Box';
+import Chip from '@mui/material/Chip';
+import { formatPrice, parsePriceInput } from '../../../utils/price';
+
+const tierPillSx = {
+  height: 22,
+  fontSize: 11,
+  fontWeight: 600,
+};
+
+export default function TierPricePills({ tiers }) {
+  return (
+    <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5, minHeight: 22 }}>
+      {(tiers ?? []).map((tier) => {
+        const gross = parsePriceInput(tier.gross);
+        if (gross == null) return null;
+        return (
+          <Chip
+            key={tier.minmultiplier}
+            size="small"
+            label={`ab ${tier.minmultiplier} · ${formatPrice(gross)}`}
+            sx={{
+              ...tierPillSx,
+              bgcolor: 'rgba(0, 0, 0, 0.08)',
+            }}
+          />
+        );
+      })}
+    </Box>
+  );
+}