From d2c1603efa7cc52c3c52255d1382801902d8478b Mon Sep 17 00:00:00 2001 From: COSMO-VMI <valentin.michelet@cosmotech.com> Date: Tue, 26 Oct 2021 09:30:56 +0200 Subject: [PATCH] fix: Remove Chip from Typography to suppress warning --- src/cards/ScenarioNode/ScenarioNode.js | 7 ++++--- src/cards/ScenarioNode/style.js | 4 ++++ 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/src/cards/ScenarioNode/ScenarioNode.js b/src/cards/ScenarioNode/ScenarioNode.js index 1e331351..4cb9abbe 100644 --- 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 index 7d81048c..32b2d2e4 100644 --- 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',