feat(web): paginated object list with visibility badges and states

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-03 23:06:42 +02:00
parent 684469273f
commit d6fe0b0597
5 changed files with 215 additions and 0 deletions
@@ -0,0 +1,19 @@
+import { useTranslation } from "react-i18next";
+
+import { Badge } from "@/components/ui/badge";
+
+const STYLES: Record<string, string> = {
+  draft: "bg-neutral-100 text-neutral-600",
+  internal: "bg-amber-100 text-amber-800",
+  public: "bg-green-100 text-green-800",
+};
+
+export function VisibilityBadge({ visibility }: { visibility: string }) {
+  const { t } = useTranslation();
+
+  return (
+    <Badge variant="outline" className={STYLES[visibility] ?? ""}>
+      {t(`visibility.${visibility}`)}
+    </Badge>
+  );
+}