Add PlayabilityBadge for UI

HoloArchivists · Aug 4, 2022 · 44fee01 · 44fee01
1 parent c381a40
commit 44fee01
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/web/src/pages/TasksPage.tsx b/web/src/pages/TasksPage.tsx
@@ -17,6 +17,29 @@ import {
   useQueryTasks,
 } from '../api/tasks';
 
+const PlayabilityBadge = ({ state }: { state: State }) => (
+  <Badge
+    color={
+      state === 'Live'
+        ? 'pink'
+        : state === 'Members Only' || state === 'Login Required'
+        ? 'grape'
+        : state === 'Unlisted'
+        ? 'indigo'
+        : state === 'Copyrighted'
+        ? 'cyan'
+        : state === 'Removed' || state === 'Privated'
+        ? 'orange'
+        : state === 'OK' || state === 'Offline'
+        ? 'gray'
+        : 'violet'
+    }
+    variant="filled"
+  >
+    {stateString(state)}
+  </Badge>
+);
+
 const TaskStateBadge = ({ state }: { state: State }) => (
   <Badge
     color={