From 78a186bdc77955179ba2ec3b26382da1bd809e20 Mon Sep 17 00:00:00 2001
From: nathan <nathan@finchmail.me>
Date: Tue, 20 Oct 2026 19:21:41 -0400
Subject: [PATCH 1/3] change from 5mb to 20mb for phone uploads

---
 .../forms/FormImageUploadField/FormImageUploadField.tsx       | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/forms/FormImageUploadField/FormImageUploadField.tsx b/src/components/forms/FormImageUploadField/FormImageUploadField.tsx
index a03a2e9f..86bf7512 100644
--- a/src/components/forms/FormImageUploadField/FormImageUploadField.tsx
+++ b/src/components/forms/FormImageUploadField/FormImageUploadField.tsx
@@ -25,10 +25,12 @@ const defaultAccept = {
   'image/gif': ['.gif']
 } satisfies Accept;
 
+const twentyMegabytes = 20971520;
+
 const FormImageUploadField = <Values extends FieldValues>({
   name,
   accept = defaultAccept,
-  maxSize = 5242880,
+  maxSize = twentyMegabytes,
   maxFiles = 1,
   renderContent = () => null
 }: FormImageUploadFieldProps<Values>) => {

From 84734358edc60e4f3375be2bc41ec856f0614ef6 Mon Sep 17 00:00:00 2001
From: nathan <nathan@finchmail.me>
Date: Tue, 20 Oct 2026 20:34:44 -0400
Subject: [PATCH 2/3] feat: allow for local testing

---
 .../FormImageUploadField/FormImageUploadField.tsx    |  2 +-
 src/hooks/mutations/useUploadImageMutation.ts        |  8 +++++++-
 vite.config.ts                                       | 12 ++++++++++++
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/forms/FormImageUploadField/FormImageUploadField.tsx b/src/components/forms/FormImageUploadField/FormImageUploadField.tsx
index 86bf7512..c377a4cb 100644
--- a/src/components/forms/FormImageUploadField/FormImageUploadField.tsx
+++ b/src/components/forms/FormImageUploadField/FormImageUploadField.tsx
@@ -44,7 +44,7 @@ const FormImageUploadField = <Values extends FieldValues>({
       return;
     }
     uploadImage(file, {
-      onSuccess: data => field.onChange('images', [data])
+      onSuccess: data => field.onChange([data]),
     });
   };
 
diff --git a/src/hooks/mutations/useUploadImageMutation.ts b/src/hooks/mutations/useUploadImageMutation.ts
index 2af0e92d..6024e702 100644
--- a/src/hooks/mutations/useUploadImageMutation.ts
+++ b/src/hooks/mutations/useUploadImageMutation.ts
@@ -6,7 +6,13 @@ const useUploadImageMutation = () => {
       // Open a request for a new signed URL for S3 upload
       // Upload the image with a PUT request
       const imageType = imageFile.type;
-      const submitUrl = `https://phlask.me/submit-image?type=${imageType}`;
+
+      // Allows local dev testing
+      const baseUrl = import.meta.env.DEV ?
+        'http://localhost:5173' :
+        'https://phlask.me';
+      const submitUrl = `${baseUrl}/submit-image?type=${imageType}`;
+  
       let signedUploadResponse: Response;
       try {
         signedUploadResponse = await fetch(submitUrl);
diff --git a/vite.config.ts b/vite.config.ts
index 402ca777..c248b0a7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -62,6 +62,18 @@ export default defineConfig(() => ({
     outDir: 'build',
     target: 'es2022'
   },
+
+  // To avoid CORS errors, this forwards image upload requests from the local Vite
+  // server to the production backend
+  server: {
+    proxy: {
+      '/submit-image': {
+        target: 'https://phlask.me',
+        changeOrigin: true
+      }
+    }
+  },
+
   plugins: [
     envCheckPlugin(),
     react(),

From 4a88d0b64739894236f97db0613d58a6d068f5c5 Mon Sep 17 00:00:00 2001
From: nathan <nathan@finchmail.me>
Date: Thu, 22 Oct 2026 08:07:01 -0400
Subject: [PATCH 3/3] extract local testing for separate work

---
 src/hooks/mutations/useUploadImageMutation.ts |  8 +-------
 vite.config.ts                                | 12 ------------
 2 files changed, 1 insertion(+), 19 deletions(-)

diff --git a/src/hooks/mutations/useUploadImageMutation.ts b/src/hooks/mutations/useUploadImageMutation.ts
index 6024e702..2af0e92d 100644
--- a/src/hooks/mutations/useUploadImageMutation.ts
+++ b/src/hooks/mutations/useUploadImageMutation.ts
@@ -6,13 +6,7 @@ const useUploadImageMutation = () => {
       // Open a request for a new signed URL for S3 upload
       // Upload the image with a PUT request
       const imageType = imageFile.type;
-
-      // Allows local dev testing
-      const baseUrl = import.meta.env.DEV ?
-        'http://localhost:5173' :
-        'https://phlask.me';
-      const submitUrl = `${baseUrl}/submit-image?type=${imageType}`;
-  
+      const submitUrl = `https://phlask.me/submit-image?type=${imageType}`;
       let signedUploadResponse: Response;
       try {
         signedUploadResponse = await fetch(submitUrl);
diff --git a/vite.config.ts b/vite.config.ts
index c248b0a7..402ca777 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -62,18 +62,6 @@ export default defineConfig(() => ({
     outDir: 'build',
     target: 'es2022'
   },
-
-  // To avoid CORS errors, this forwards image upload requests from the local Vite
-  // server to the production backend
-  server: {
-    proxy: {
-      '/submit-image': {
-        target: 'https://phlask.me',
-        changeOrigin: true
-      }
-    }
-  },
-
   plugins: [
     envCheckPlugin(),
     react(),