From 76a0e1a98de1e97da8669dbf2d3695d69e577977 Mon Sep 17 00:00:00 2001
From: wil <wil@storyteller.ai>
Date: Tue, 17 Sep 2024 10:12:35 -0400
Subject: [PATCH] ui fixes

---
 .../features/DialogAddVideo/DialogAddVideo.tsx        | 11 +++++++++--
 .../features/FileUploader/DragAndDropZone.tsx         |  2 +-
 src/components/features/FileUploader/enums.ts         |  1 +
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/features/DialogAddVideo/DialogAddVideo.tsx b/src/components/features/DialogAddVideo/DialogAddVideo.tsx
index 776108f61f..debb1b7f95 100644
--- a/src/components/features/DialogAddVideo/DialogAddVideo.tsx
+++ b/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
diff --git a/src/components/features/FileUploader/DragAndDropZone.tsx b/src/components/features/FileUploader/DragAndDropZone.tsx
index 1e29d9f907..a3996118af 100644
--- a/src/components/features/FileUploader/DragAndDropZone.tsx
+++ b/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",
   );
diff --git a/src/components/features/FileUploader/enums.ts b/src/components/features/FileUploader/enums.ts
index 0ef7ad1bda..5ddeec5d9b 100644
--- a/src/components/features/FileUploader/enums.ts
+++ b/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 {