21508: Rename class for clarity

Arvados-DCO-1.1-Signed-off-by: Stephen Smith <stephen@curii.com>

diff --git a/services/workbench2/src/views/process-panel/process-io-card.tsx b/services/workbench2/src/views/process-panel/process-io-card.tsx
index a6086c6c57a6d97af690ab3b990f5fd6fb23e410..46e9cb825485571211c0c8e325377f52b85394b2 100644 (file)
--- a/services/workbench2/src/views/process-panel/process-io-card.tsx
+++ b/services/workbench2/src/views/process-panel/process-io-card.tsx
@@ -79,8 +79,8 @@ type CssRules =
     | "iconHeader"
     | "tableWrapper"
     | "paramTableRoot"
+    | "paramTableCellText"
     | "mountsTableRoot"
-    | "value"
     | "keepLink"
     | "collectionLink"
     | "secondaryVal"
@@ -180,6 +180,13 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
             },
         },
     },
+    // Param value cell typography styles
+    paramTableCellText: {
+        maxWidth: "100%",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+    },
     mountsTableRoot: {
         width: "100%",
         "& thead th": {
@@ -190,13 +197,6 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
             paddingRight: "25px",
         },
     },
-    // Cell typography styles
-    value: {
-        maxWidth: "100%",
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-    },
     keepLink: {
         color: theme.palette.primary.main,
         textDecoration: "none",
@@ -554,12 +554,12 @@ const ProcessIOPreview = memo(
 
             return <TableRow style={style} className={classNames(rowClasses)}>
                 <TableCell>
-                    <Typography className={classes.value}>
+                    <Typography className={classes.paramTableCellText}>
                         {param.id}
                     </Typography>
                 </TableCell>
                 {showLabel && <TableCell>
-                    <Typography className={classes.value}>
+                    <Typography className={classes.paramTableCellText}>
                         {param.label}
                     </Typography>
                 </TableCell>}
@@ -569,7 +569,7 @@ const ProcessIOPreview = memo(
                     />
                 </TableCell>
                 <TableCell>
-                    <Typography className={classes.value}>
+                    <Typography className={classes.paramTableCellText}>
                         {param.value.collection}
                     </Typography>
                 </TableCell>
@@ -613,7 +613,7 @@ interface ProcessValuePreviewProps {
 }
 
 const ProcessValuePreview = withStyles(styles)(({ value, classes }: ProcessValuePreviewProps & WithStyles<CssRules>) => (
-    <Typography className={classNames(classes.value, value.secondary && classes.secondaryVal)}>
+    <Typography className={classNames(classes.paramTableCellText, value.secondary && classes.secondaryVal)}>
         {value.display}
     </Typography>
 ));