fix: Remove Chip from Typography to suppress warning

Cosmo-Tech · Oct 26, 2021 · d2c1603 · d2c1603
1 parent 5119a29
commit d2c1603
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/cards/ScenarioNode/ScenarioNode.js b/src/cards/ScenarioNode/ScenarioNode.js
@@ -67,14 +67,15 @@ export const ScenarioNode = ({ datasets, scenario, showDeleteIcon, deleteScenari
       <Typography className={classes.scenarioTitle} variant="h4" data-content={scenario.name}>
         {scenario.name}
       </Typography>
-      <Typography>
-        {getStatusLabel()}
+      <div className={classes.statusRow}>
+        <Typography>{getStatusLabel()}</Typography>
         <Chip
           size="small"
           label={getTranslatedStatus(scenario.state)}
           className={getStatusClassName(classes, scenario.state)}
         />
-        <br />
+      </div>
+      <Typography>
         {getDatasetsLabel()}
         <br />
         <span className={classes.datasets}>{DatasetUtils.getDatasetNames(datasets, scenario.datasetList)}</span>

diff --git a/src/cards/ScenarioNode/style.js b/src/cards/ScenarioNode/style.js
@@ -4,6 +4,10 @@
 import { makeStyles } from '@material-ui/core';
 
 const useStyles = makeStyles((theme) => ({
+  statusRow: {
+    display: 'flex',
+    flexDirection: 'row',
+  },
   scenarioHeader: {
     height: '100%',
     display: 'flex',