CUB-132: Build Filament Inventory list page with search and filters

2026-05-08 16:22:03 -04:00
parent fd26b205bf
commit 1109d1dd2f
9 changed files with 473 additions and 23 deletions
--- a/frontend/src/components/ColorSwatch.tsx
+++ b/frontend/src/components/ColorSwatch.tsx
@@ -0,0 +1,18 @@
+interface ColorSwatchProps {
+  colorHex: string
+  size?: number
+}
+
+export default function ColorSwatch({ colorHex, size = 24 }: ColorSwatchProps) {
+  return (
+    <div
+      className="rounded-full border border-slate-600 shadow-sm inline-block"
+      style={{
+        backgroundColor: colorHex.startsWith('#') ? colorHex : `#${colorHex}`,
+        width: size,
+        height: size,
+      }}
+      title={colorHex}
+    />
+  )
+}