From cd75e403ba17abb4bff00072a728d64843403506 Mon Sep 17 00:00:00 2001
From: Thibault Reidy <thibault.reidy@hotmail.ch>
Date: Wed, 11 Oct 2023 10:01:56 +0200
Subject: [PATCH] fix(style): remove useless Grid components in
 ThumbnailSettings view #706

---
 .../item/settings/ThumbnailSetting.tsx        | 63 +++++++++----------
 1 file changed, 29 insertions(+), 34 deletions(-)

diff --git a/src/components/item/settings/ThumbnailSetting.tsx b/src/components/item/settings/ThumbnailSetting.tsx
index 180426b16..30bc3f96a 100644
--- a/src/components/item/settings/ThumbnailSetting.tsx
+++ b/src/components/item/settings/ThumbnailSetting.tsx
@@ -1,7 +1,6 @@
 import { FormEventHandler, useEffect, useRef, useState } from 'react';
 
 import { Stack } from '@mui/material';
-import Grid from '@mui/material/Grid';
 import Typography from '@mui/material/Typography';
 
 import { ItemType } from '@graasp/sdk';
@@ -124,39 +123,35 @@ const ThumbnailSetting = ({ item }: Props): JSX.Element | null => {
         <StatusBar uppy={uppy} handleClose={handleClose} open={openStatusBar} />
       )}
       <Stack spacing={3} mb={3}>
-        <Grid item sm={6}>
-          <Typography variant="h5">
-            {translateBuilder(BUILDER.SETTINGS_THUMBNAIL_TITLE)}
-          </Typography>
-          <Typography variant="body1">
-            {translateBuilder(BUILDER.SETTINGS_THUMBNAIL_SETTINGS_INFORMATIONS)}
-          </Typography>
-          <input
-            type="file"
-            accept="image/*"
-            onInput={onSelectFile}
-            // onChange is successfully triggered in test
-            onChange={onSelectFile}
-            ref={inputRef}
-            className={THUMBNAIL_SETTING_UPLOAD_BUTTON_CLASSNAME}
-          />
-        </Grid>
-        <Grid item sm={6} xs={12}>
-          <Thumbnail
-            id={itemId}
-            isLoading={isLoading}
-            // TODO: fix type
-            url={
-              imgUrl ??
-              (item as EmbeddedLinkItemTypeRecord)?.extra?.[
-                ItemType.LINK
-              ]?.thumbnails?.first()
-            }
-            alt={alt}
-            maxWidth={THUMBNAIL_SETTING_MAX_WIDTH}
-            maxHeight={THUMBNAIL_SETTING_MAX_HEIGHT}
-          />
-        </Grid>
+        <Typography variant="h5">
+          {translateBuilder(BUILDER.SETTINGS_THUMBNAIL_TITLE)}
+        </Typography>
+        <Typography variant="body1">
+          {translateBuilder(BUILDER.SETTINGS_THUMBNAIL_SETTINGS_INFORMATIONS)}
+        </Typography>
+        <input
+          type="file"
+          accept="image/*"
+          onInput={onSelectFile}
+          // onChange is successfully triggered in test
+          onChange={onSelectFile}
+          ref={inputRef}
+          className={THUMBNAIL_SETTING_UPLOAD_BUTTON_CLASSNAME}
+        />
+        <Thumbnail
+          id={itemId}
+          isLoading={isLoading}
+          // TODO: fix type
+          url={
+            imgUrl ??
+            (item as EmbeddedLinkItemTypeRecord)?.extra?.[
+              ItemType.LINK
+            ]?.thumbnails?.first()
+          }
+          alt={alt}
+          maxWidth={THUMBNAIL_SETTING_MAX_WIDTH}
+          maxHeight={THUMBNAIL_SETTING_MAX_HEIGHT}
+        />
       </Stack>
       {fileSource && (
         <CropModal