fix: fix dom error for jtools

aphp · Jul 7, 2024 · 2bd2326 · 2bd2326
1 parent 2774bf8
commit 2bd2326
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 14 deletions.
diff --git a/src/components/Routes/LeftSideBar/LeftSideBar.tsx b/src/components/Routes/LeftSideBar/LeftSideBar.tsx
@@ -218,19 +218,21 @@ const LeftSideBar: React.FC<{ open?: boolean }> = (props) => {
                 </Tooltip>
               )}
               {zoomed(
-                <JToolEggWrapper Egg={Egg2}>
-                  <Button
-                    onClick={handleNewRequest}
-                    className={cx(classes.newCohortButton, classes.linkHover, {
-                      [classes.hide]: !open
-                    })}
-                    disabled={maintenanceIsActive}
-                  >
-                    <Typography variant={maintenanceIsActive ? 'h6' : 'h5'}>
-                      {maintenanceIsActive ? 'Nouvelle requête désactivée' : 'Nouvelle requête'}
-                    </Typography>
-                  </Button>
-                </JToolEggWrapper>
+                <div className={classes.divNewRequest}>
+                  <JToolEggWrapper Egg={Egg2}>
+                    <Button
+                      onClick={handleNewRequest}
+                      className={cx(classes.newCohortButton, classes.linkHover, {
+                        [classes.hide]: !open
+                      })}
+                      disabled={maintenanceIsActive}
+                    >
+                      <Typography variant={maintenanceIsActive ? 'h6' : 'h5'}>
+                        {maintenanceIsActive ? 'Nouvelle requête désactivée' : 'Nouvelle requête'}
+                      </Typography>
+                    </Button>
+                  </JToolEggWrapper>
+                </div>
               )}
             </ListItem>
             {!!cohortCreation?.request?.requestId && (

diff --git a/src/components/Routes/LeftSideBar/styles.ts b/src/components/Routes/LeftSideBar/styles.ts
@@ -122,13 +122,16 @@ const useStyles = makeStyles()((theme: Theme) => ({
   linkHover: {
     '&:hover': { cursor: 'pointer', textDecoration: 'None' }
   },
+  divNewRequest: {
+    width: '100%'
+  },
   newCohortButton: {
     backgroundColor: '#5BC5F2',
     borderRadius: 25,
     border: 'none',
     height: 45,
     color: '#FFF',
-    width: '100%',
+    // width: '100%',
     '&:hover': {
       backgroundColor: '#499cbf'
     }