ui fixes

src/components/features/DialogAddVideo/DialogAddVideo.tsx

@@ -107,8 +107,15 @@ export const DialogAddVideo = ({
             />
 
             <div className="flex w-full justify-center gap-4">
-              <Button onClick={handleClose} variant="secondary">
-                Cancel
+              <Button
+                onClick={handleClose}
+                variant="secondary"
+                disabled={
+                  dialogStatus === DialogAddMediaStatuses.FILE_UPLOADING ||
+                  dialogStatus === DialogAddMediaStatuses.FILE_RECORD_REQUESTING
+                }
+              >
+                Close
               </Button>
               {dialogStatus === DialogAddMediaStatuses.STAGING_FILE && (
                 <ButtonSubmitAdd

src/components/features/FileUploader/DragAndDropZone.tsx

@@ -25,7 +25,7 @@ export const DragAndDropZone = ({ file, fileTypes }: Props) => {
   // const fileName = file && getFileName(file).toUpperCase();
   const wrapperClassName = twMerge(
     "group cursor-pointer p-3 bg-gray-100",
-    !file && "aspect-video flex flex-col items-center justify-center gap-6",
+    !file && "flex flex-col items-center justify-center gap-6",
     file && "flex items-center gap-3.5",
     // "rounded-lg border-2 border-dashed border-ui-border",
   );

src/components/features/FileUploader/enums.ts

@@ -2,6 +2,7 @@ export enum IMAGE_FILE_TYPE {
   PNG = "png",
   JPG = "jpg",
   JPEG = "jpeg",
+  WEBP = "webp",
 }
 
 export enum VIDEO_FILE_TYPE {