fix: Publish Modal appearance, Publish Button props, add translation

IQSS · Oct 1, 2024 · 6732194 · 6732194
1 parent 6d1faab
commit 6732194
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/public/locales/en/collection.json b/public/locales/en/collection.json
@@ -4,6 +4,7 @@
     "anonymous": "This collection currently has no datasets. Please <1>log in</1> to see if you are able to add to it."
   },
   "publish": {
+    "title": "Publish Collection",
     "button": "Publish",
     "question": "Are you sure you want to publish your collection? Once you do so it must remain published.",
     "error": "There was an error publishing your collection."

diff --git a/src/sections/collection/publish-collection/PublishCollectionModal.tsx b/src/sections/collection/publish-collection/PublishCollectionModal.tsx
@@ -39,25 +39,25 @@ export function PublishCollectionModal({
   }
 
   return (
-    <Modal show={show} onHide={handleClose} size="xl">
+    <Modal show={show} onHide={handleClose} size="lg">
       <Modal.Header>
-        <Modal.Title>Publish Collection</Modal.Title>
+        <Modal.Title>{tCollection('title')}</Modal.Title>
       </Modal.Header>
       <Modal.Body>
         <Stack direction="vertical">
           <p className={styles.warningText}>{tCollection('publish.question')}</p>
-          <span className={styles.errorText}>
-            {submissionStatus === SubmissionStatus.Errored &&
-              `${tCollection('publish.error')} ${publishError ? publishError : ''}`}
-          </span>
+          {submissionStatus === SubmissionStatus.Errored && (
+            <p className={styles.errorText}>
+              `${tCollection('publish.error')} ${publishError ? publishError : ''}`
+            </p>
+          )}
         </Stack>
       </Modal.Body>
       <Modal.Footer>
         <Button
           variant="primary"
-          onClick={() => {
-            submitPublish()
-          }}
+          disabled={submissionStatus === SubmissionStatus.IsSubmitting}
+          onClick={submitPublish}
           type="submit">
           {tShared('continue')}
         </Button>