From 4ef6b7d5915290de2a23e47b36b892d9d85950d9 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 27 Apr 2024 15:51:42 -0500
Subject: [PATCH] Try alternate clear local state approach

---
 src/photo/form/PhotoForm.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/photo/form/PhotoForm.tsx b/src/photo/form/PhotoForm.tsx
index 6a452c47..701ad619 100644
--- a/src/photo/form/PhotoForm.tsx
+++ b/src/photo/form/PhotoForm.tsx
@@ -30,6 +30,7 @@ import { getNextImageUrlForRequest } from '@/services/next-image';
 import useDelay from '@/utility/useDelay';
 import usePreventNavigation from '@/utility/usePreventNavigation';
 import { useAppState } from '@/state/AppState';
+import { useRouter } from 'next/navigation';
 
 const THUMBNAIL_SIZE = 300;
 
@@ -65,6 +66,13 @@ export default function PhotoForm({
 
   const { invalidateSwr } = useAppState();
 
+  const router = useRouter();
+
+  const clearLocalState = useCallback(() => {
+    invalidateSwr?.();
+    router.refresh();
+  }, [invalidateSwr, router]);
+
   const changedFormKeys = useMemo(() =>
     getChangedFormFields(initialPhotoForm, formData),
   [initialPhotoForm, formData]);
@@ -374,14 +382,7 @@ export default function PhotoForm({
           <SubmitButtonWithStatus
             disabled={!canFormBeSubmitted}
             onFormStatusChange={onFormStatusChange}
-            onFormSubmitToastMessage={type === 'edit'
-              ? formData.title
-                ? `"${formData.title}" updated`
-                : 'Photo updated'
-              : formData.title
-                ? `"${formData.title}" created`
-                : 'Photo created'}
-            onFormSubmit={invalidateSwr}
+            onFormSubmit={clearLocalState}
             primary
           >
             {type === 'create' ? 'Create' : 'Update'}