Add paused state for device view status

YeonV · Dec 31, 2024 · 27dd882 · 27dd882
1 parent e7aa88c
commit 27dd882
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/pages/Device/Effects.tsx b/src/pages/Device/Effects.tsx
@@ -209,6 +209,8 @@ const EffectsCard = ({ virtId }: { virtId: string }) => {
 
   const running = virtual && virtual.effect && virtual.effect.type
 
+  const paused = virtual && !virtual.active
+
   return (
     <>
       <Card
@@ -228,11 +230,13 @@ const EffectsCard = ({ virtId }: { virtId: string }) => {
             }}
           >
             <Typography variant="body2" color="textDisabled" m={0} mb={1}>
-              {running
-                ? 'Running'
-                : streaming
-                  ? 'Streaming from ' + actives?.join(', ')
-                  : 'Not active'}
+              {paused
+                ? 'Paused'
+                : running
+                  ? 'Running'
+                  : streaming
+                    ? 'Streaming from ' + actives?.join(', ')
+                    : 'Not active'}
             </Typography>
             <h1 style={{ margin: 0 }}>{virtual && virtual.config.name}</h1>
             <div