Fixed Add and Cancel buttons on AddResourceModal (#2077)

* Fix Add and Cancel buttons on AddResourceModal * Update AddResourceModal
ita-social-projects · Jul 9, 2024 · 03706ff · 03706ff
1 parent 76a138e
commit 03706ff
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 23 deletions.
diff --git a/src/containers/my-resources/add-resource-modal/AddResourceModal.styles.ts b/src/containers/my-resources/add-resource-modal/AddResourceModal.styles.ts
@@ -35,7 +35,8 @@ export const styles = {
   },
   buttonsArea: {
     display: 'flex',
-    justifyContent: 'space-between'
+    justifyContent: 'end',
+    gap: '30px'
   },
   addButton: { mr: '16px' }
 }
diff --git a/src/containers/my-resources/add-resource-modal/AddResourceModal.tsx b/src/containers/my-resources/add-resource-modal/AddResourceModal.tsx
@@ -90,27 +90,25 @@ const AddResourceModal = <T extends TableItem>({
       />
 
       <Box sx={styles.buttonsArea}>
-        <Box>
-          <AppButton
-            disabled={!selectedRows.length}
-            onClick={onAddItems}
-            sx={styles.addButton}
-          >
-            {t('common.add')}
-          </AppButton>
-          <AppButton onClick={closeModal} variant={ButtonVariantEnum.Tonal}>
-            {t('common.cancel')}
-          </AppButton>
-        </Box>
-
-        {uploadItem && (
-          <AddDocuments
-            buttonText={t('common.uploadNewFile')}
-            fetchData={uploadItem}
-            formData={formData}
-          />
-        )}
+        <AppButton onClick={closeModal} variant={ButtonVariantEnum.Tonal}>
+          {t('common.cancel')}
+        </AppButton>
+        <AppButton
+          disabled={!selectedRows.length}
+          onClick={onAddItems}
+          sx={styles.addButton}
+        >
+          {t('common.add')}
+        </AppButton>
       </Box>
+
+      {uploadItem && (
+        <AddDocuments
+          buttonText={t('common.uploadNewFile')}
+          fetchData={uploadItem}
+          formData={formData}
+        />
+      )}
     </Box>
   )
 }

diff --git a/src/pages/create-or-edit-lesson/CreateOrEditLesson.tsx b/src/pages/create-or-edit-lesson/CreateOrEditLesson.tsx
@@ -262,12 +262,12 @@ const CreateOrEditLesson = () => {
         <Box sx={styles.buttons}>
           <AppButton
             onClick={navigateToLessonTab}
-            size={SizeEnum.ExtraLarge}
+            size={SizeEnum.XXL}
             variant={ButtonVariantEnum.Tonal}
           >
             {t('common.cancel')}
           </AppButton>
-          <AppButton size={SizeEnum.ExtraLarge} type={ButtonTypeEnum.Submit}>
+          <AppButton size={SizeEnum.XXL} type={ButtonTypeEnum.Submit}>
             {t('common.save')}
           </AppButton>
         </Box>