activist-org#878 add singular version of image upload texts

aasimsyed · May 17, 2024 · 7612a5a · 7612a5a
1 parent 8cba930
commit 7612a5a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/frontend/components/modal/upload-images/ModalUploadImages.vue b/frontend/components/modal/upload-images/ModalUploadImages.vue
@@ -5,22 +5,31 @@
   >
     <div>
       <DialogTitle>
-        <p class="responsive-h2 font-bold">
+        <p v-if="uploadLimit > 1" class="responsive-h2 font-bold">
           {{ $t("components.modal-upload-images.upload-images") }}
         </p>
+        <p v-else class="responsive-h2 font-bold">
+          {{ $t("components.modal-upload-images.upload-an-image") }}
+        </p>
       </DialogTitle>
       <div class="mt-4">
         <ModalUploadImagesFileDropZone
           v-if="files.length != uploadLimit"
           @files-dropped="handleFiles"
           v-slot="{ isDropZoneActive }"
         >
-          <span v-if="isDropZoneActive">{{
+          <span v-if="isDropZoneActive && uploadLimit > 1">{{
             $t("components.modal-upload-images.drop-images")
           }}</span>
-          <span v-else>{{
+          <span v-else-if="isDropZoneActive && uploadLimit == 1">{{
+            $t("components.modal-upload-images.drop-image")
+          }}</span>
+          <span v-else-if="!isDropZoneActive && uploadLimit > 1">{{
             $t("components.modal-upload-images.drag-images")
           }}</span>
+          <span v-else-if="!isDropZoneActive && uploadLimit == 1">{{
+            $t("components.modal-upload-images.drag-image")
+          }}</span>
         </ModalUploadImagesFileDropZone>
         <p class="py-2">
           {{ $t("components.modal-upload-images.number-of-files") }}:

diff --git a/frontend/i18n/en-US.json b/frontend/i18n/en-US.json
@@ -348,12 +348,15 @@
   "components.modal-share-page.header": "Share this page",
   "components.modal-share-page.offline": "Offline",
   "components.modal-share-page.online": "Online",
+  "components.modal-upload-images.drag-image": "Drag your image or click here to add it",
   "components.modal-upload-images.drag-images": "Drag your images or click here to add them",
+  "components.modal-upload-images.drop-image": "Drop the image here to add it",
   "components.modal-upload-images.drop-images": "Drop images here to add them",
   "components.modal-upload-images.number-of-files": "Number of files",
   "components.modal-upload-images.picture-limit-1": "You can only upload one picture here.",
   "components.modal-upload-images.picture-limit-multiple": "You are not allowed to have more than {limit} pictures.",
   "components.modal-upload-images.upload": "Upload",
+  "components.modal-upload-images.upload-an-image": "Upload an image",
   "components.modal-upload-images.upload-image": "Upload image",
   "components.modal-upload-images.upload-images": "Upload images",
   "components.page-breadcrumbs.aria-label": "Page breadcrumb navigation",