From e83b643d86c19ea32b5b59a1318301de51469f7d Mon Sep 17 00:00:00 2001
From: jude <jude@jellywx.com>
Date: Fri, 1 Mar 2024 16:56:31 +0000
Subject: [PATCH] Show error for files that are too large

---
 reminder-dashboard/src/components/Reminder/Attachment.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/reminder-dashboard/src/components/Reminder/Attachment.tsx b/reminder-dashboard/src/components/Reminder/Attachment.tsx
index 1e6d48c..7e5cce8 100644
--- a/reminder-dashboard/src/components/Reminder/Attachment.tsx
+++ b/reminder-dashboard/src/components/Reminder/Attachment.tsx
@@ -1,8 +1,11 @@
 import { useReminder } from "./ReminderContext";
+import { useFlash } from "../App/FlashContext";
 
 export const Attachment = () => {
     const [{ attachment_name }, setReminder] = useReminder();
 
+    const flash = useFlash();
+
     return (
         <div class="file is-small is-boxed">
             <label class="file-label">
@@ -16,7 +19,8 @@ export const Attachment = () => {
                         let file = input.files[0];
 
                         if (file.size >= 8 * 1024 * 1024) {
-                            return { error: "File too large." };
+                            flash({ message: "File too large (max. 8MB).", type: "error" });
+                            return;
                         }
 
                         let attachment: string = await new Promise((resolve) => {