Align new shared folder design with other modals (#1955)

* align right * lingui extract Co-authored-by: GitHub Actions <actions@github.com> Co-authored-by: Tanmoy Basak Anjan <tanmoy3399@gmail.com>
ChainSafe · Feb 21, 2022 · 6358a96 · 6358a96
1 parent a9f9079
commit 6358a96
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 51 deletions.
diff --git a/packages/files-ui/src/Components/Modules/FileBrowsers/ShareModal.tsx b/packages/files-ui/src/Components/Modules/FileBrowsers/ShareModal.tsx
@@ -43,19 +43,15 @@ const useStyles = makeStyles(
         flexDirection: "column"
       },
       checkboxContainer: {
-        display: "flex",
-        justifyContent: "center",
         marginTop: constants.generalUnit * 4
       },
       buttonsContainer: {
         display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        marginTop: constants.generalUnit * 2
+        marginTop: constants.generalUnit * 2,
+        justifyContent: "flex-end"
       },
       mainButton: {
-        width: 240,
-        marginBottom: constants.generalUnit * 0.5
+        marginLeft: constants.generalUnit
       },
       cancelButton: {
         maxWidth: 100
@@ -89,7 +85,7 @@ const useStyles = makeStyles(
       },
       modalFlexItem: {
         width: "100%",
-        marginBottom: constants.generalUnit * 2
+        marginBottom: constants.generalUnit
       },
       newFolderInput: {
         margin: 0,
@@ -348,9 +344,15 @@ const ShareModal = ({ onClose, fileSystemItems }: IShareModalProps) => {
               </div>
             )}
             <div className={classes.buttonsContainer}>
+              <Button
+                variant="outline"
+                onClick={onClose}
+                className={classes.cancelButton}
+              >
+                <Trans>Cancel</Trans>
+              </Button>
               <Button
                 type="submit"
-                size="large"
                 variant="primary"
                 onClick={handleShare}
                 className={classes.mainButton}
@@ -360,22 +362,11 @@ const ShareModal = ({ onClose, fileSystemItems }: IShareModalProps) => {
                   : !sharedFolderName || !!nameError
                 }
               >
-                {isUsingExistingBucket ? keepOriginalFile
+                {keepOriginalFile
                   ? <Trans>Copy over</Trans>
                   : <Trans>Move over</Trans>
-                  : keepOriginalFile
-                    ? <Trans>Create folder &amp; Copy over</Trans>
-                    : <Trans>Create folder &amp; Move over</Trans>
                 }
               </Button>
-              <Button
-                size="large"
-                variant="text"
-                onClick={onClose}
-                className={classes.cancelButton}
-              >
-                <Trans>Close</Trans>
-              </Button>
             </div>
           </div>
         </div>

diff --git a/packages/files-ui/src/locales/de/messages.po b/packages/files-ui/src/locales/de/messages.po
@@ -253,12 +253,6 @@ msgstr ""
 msgid "Create a new shared folder"
 msgstr ""
 
-msgid "Create folder & Copy over"
-msgstr ""
-
-msgid "Create folder & Move over"
-msgstr ""
-
 msgid "Create your public username in <0>Settings</0>!"
 msgstr ""
 

diff --git a/packages/files-ui/src/locales/en/messages.po b/packages/files-ui/src/locales/en/messages.po
@@ -253,12 +253,6 @@ msgstr "Create Shared Folder"
 msgid "Create a new shared folder"
 msgstr "Create a new shared folder"
 
-msgid "Create folder & Copy over"
-msgstr "Create folder & Copy over"
-
-msgid "Create folder & Move over"
-msgstr "Create folder & Move over"
-
 msgid "Create your public username in <0>Settings</0>!"
 msgstr "Create your public username in <0>Settings</0>!"
 

diff --git a/packages/files-ui/src/locales/es/messages.po b/packages/files-ui/src/locales/es/messages.po
@@ -254,12 +254,6 @@ msgstr ""
 msgid "Create a new shared folder"
 msgstr ""
 
-msgid "Create folder & Copy over"
-msgstr ""
-
-msgid "Create folder & Move over"
-msgstr ""
-
 msgid "Create your public username in <0>Settings</0>!"
 msgstr ""
 

diff --git a/packages/files-ui/src/locales/fr/messages.po b/packages/files-ui/src/locales/fr/messages.po
@@ -254,12 +254,6 @@ msgstr "Créer un dossier partagé"
 msgid "Create a new shared folder"
 msgstr "Créer un nouveau dossier partagé"
 
-msgid "Create folder & Copy over"
-msgstr "Créer un dossier et le copier"
-
-msgid "Create folder & Move over"
-msgstr "Créer un dossier et le déplacer"
-
 msgid "Create your public username in <0>Settings</0>!"
 msgstr "Créez votre nom d'utilisateur public dans <0>Paramètres</0> !"
 

diff --git a/packages/files-ui/src/locales/no/messages.po b/packages/files-ui/src/locales/no/messages.po
@@ -253,12 +253,6 @@ msgstr ""
 msgid "Create a new shared folder"
 msgstr ""
 
-msgid "Create folder & Copy over"
-msgstr ""
-
-msgid "Create folder & Move over"
-msgstr ""
-
 msgid "Create your public username in <0>Settings</0>!"
 msgstr ""