Video uploading: added minimum duration alert

ecency · May 9, 2024 · f64b4f0 · f64b4f0
1 parent 9a84975
commit f64b4f0
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/src/common/components/video-gallery/index.tsx b/src/common/components/video-gallery/index.tsx
@@ -58,7 +58,7 @@ const VideoGallery = ({
         <ModalHeader closeButton={true}>
           <ModalTitle>{_t("video-gallery.title")}</ModalTitle>
         </ModalHeader>
-        <ModalBody>
+        <ModalBody className="min-h-[400px]">
           <div className="video-status-picker">
             {!isEditing ? (
               <DropDown

diff --git a/src/common/components/video-upload-threespeak/index.tsx b/src/common/components/video-upload-threespeak/index.tsx
@@ -10,6 +10,7 @@ import { Modal, ModalBody, ModalHeader, ModalTitle } from "@ui/modal";
 import { recordVideoSvg } from "../../img/svg";
 import { VideoUploadRecorder } from "./video-upload-recorder";
 import useMountedState from "react-use/lib/useMountedState";
+import { Alert } from "@ui/alert";
 
 const DEFAULT_THUMBNAIL = require("./assets/thumbnail-play.jpg");
 
@@ -120,7 +121,10 @@ export const VideoUpload = (props: Props & React.HTMLAttributes<HTMLDivElement>)
   const uploadVideoModal = (
     <div className="dialog-content ">
       <div className="three-speak-video-uploading position-relative">
-        <p className="font-weight-bold">Video source</p>
+        <Alert appearance="primary" className="mb-4">
+          {_t("video-upload.min-duration-alert")}
+        </Alert>
+        <p className="font-weight-bold mb-2">{_t("video-upload.source")}</p>
         {showRecorder ? (
           <VideoUploadRecorder
             setVideoUrl={setVideoUrl}
@@ -151,7 +155,7 @@ export const VideoUpload = (props: Props & React.HTMLAttributes<HTMLDivElement>)
             />
           </div>
         )}
-        <p className="font-weight-bold mt-5">Thumbnail</p>
+        <p className="font-weight-bold mt-5">{_t("video-upload.thumbnail")}</p>
         <VideoUploadItem
           label={_t("video-upload.choose-thumbnail")}
           onFileChange={handleThumbnailChange}

diff --git a/src/common/i18n/locales/en-US.json b/src/common/i18n/locales/en-US.json
@@ -1497,7 +1497,10 @@
     "confirm-and-upload": "Confirm and upload to 3Speak",
     "uploading": "Uploading..{{n}}/{{total}}",
     "uploaded": "Uploaded!",
-    "reset": "Reset"
+    "reset": "Reset",
+    "source": "Video source",
+    "thumbnail": "Thumbnail",
+    "min-duration-alert": "Video with less than 15 seconds duration will be ignored by 3Speak."
   },
   "video-gallery": {
     "all": "All",