From d8cde59aaf343a9a23c5b566487359c221b056e6 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 10 Apr 2025 08:17:13 -0500
Subject: [PATCH] More face fixes (#17630)

* update max upload to 20mb

* ensure cancel button doesn't submit form

* update nginx config
---
 docker/main/rootfs/usr/local/nginx/conf/nginx.conf      | 2 +-
 web/src/components/input/ImageEntry.tsx                 | 2 +-
 web/src/components/overlay/dialog/UploadImageDialog.tsx | 4 +++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/docker/main/rootfs/usr/local/nginx/conf/nginx.conf b/docker/main/rootfs/usr/local/nginx/conf/nginx.conf
index 4abfd3587..c855fb926 100644
--- a/docker/main/rootfs/usr/local/nginx/conf/nginx.conf
+++ b/docker/main/rootfs/usr/local/nginx/conf/nginx.conf
@@ -82,7 +82,7 @@ http {
         aio on;
 
         # file upload size
-        client_max_body_size 10M;
+        client_max_body_size 20M;
 
         # https://github.com/kaltura/nginx-vod-module#vod_open_file_thread_pool
         vod_open_file_thread_pool default;
diff --git a/web/src/components/input/ImageEntry.tsx b/web/src/components/input/ImageEntry.tsx
index 1e64840be..29a388f7c 100644
--- a/web/src/components/input/ImageEntry.tsx
+++ b/web/src/components/input/ImageEntry.tsx
@@ -25,7 +25,7 @@ type ImageEntryProps = {
 export default function ImageEntry({
   onSave,
   children,
-  maxSize = 10 * 1024 * 1024, // 10MB default
+  maxSize = 20 * 1024 * 1024, // 20MB default
   accept = { "image/*": [".jpeg", ".jpg", ".png", ".gif", ".webp"] },
 }: ImageEntryProps) {
   const { t } = useTranslation(["views/faceLibrary"]);
diff --git a/web/src/components/overlay/dialog/UploadImageDialog.tsx b/web/src/components/overlay/dialog/UploadImageDialog.tsx
index 7fab82eea..be4506357 100644
--- a/web/src/components/overlay/dialog/UploadImageDialog.tsx
+++ b/web/src/components/overlay/dialog/UploadImageDialog.tsx
@@ -35,7 +35,9 @@ export default function UploadImageDialog({
         </DialogHeader>
         <ImageEntry onSave={onSave}>
           <DialogFooter className="pt-4">
-            <Button onClick={() => setOpen(false)}>{t("button.cancel")}</Button>
+            <Button type="button" onClick={() => setOpen(false)}>
+              {t("button.cancel")}
+            </Button>
             <Button variant="select" type="submit">
               {t("button.save")}
             </Button>