From: Lucas Di Pentima <lucas.dipentima@curii.com>
Date: Tue, 12 Apr 2022 18:51:29 +0000 (-0300)
Subject: 18881: Fixes the "non-status" indication on objects that aren't processes.
X-Git-Tag: 2.4.1~5^2
X-Git-Url: https://git.arvados.org/arvados-workbench2.git/commitdiff_plain/03578e716a63e7c5e0ce75cb70d0aaa803c02a77

18881: Fixes the "non-status" indication on objects that aren't processes.

Arvados-DCO-1.1-Signed-off-by: Lucas Di Pentima <lucas.dipentima@curii.com>
---

diff --git a/src/views-components/data-explorer/renderers.tsx b/src/views-components/data-explorer/renderers.tsx
index fe1bd07c..cd9f972e 100644
--- a/src/views-components/data-explorer/renderers.tsx
+++ b/src/views-components/data-explorer/renderers.tsx
@@ -833,19 +833,21 @@ export const ProcessStatus = compose(
         return { process: getProcess(props.uuid)(state.resources) };
     }),
     withStyles({}, { withTheme: true }))
-    ((props: { process?: Process, theme: ArvadosTheme }) => {
-        const status = props.process ? getProcessStatus(props.process) : "-";
-        return <Chip label={status}
+    ((props: { process?: Process, theme: ArvadosTheme }) =>
+        props.process
+        ? <Chip label={getProcessStatus(props.process)}
             style={{
                 height: props.theme.spacing.unit * 3,
                 width: props.theme.spacing.unit * 12,
-                backgroundColor: getProcessStatusColor(status, props.theme),
+                backgroundColor: getProcessStatusColor(
+                    getProcessStatus(props.process), props.theme),
                 color: props.theme.palette.common.white,
                 fontSize: '0.875rem',
                 borderRadius: props.theme.spacing.unit * 0.625,
             }}
-        />;
-    });
+        />
+        : <Typography>-</Typography>
+    );
 
 export const ProcessStartDate = connect(
     (state: RootState, props: { uuid: string }) => {