🐛 Invalidate mod event list query when new event is emitted (#28)

bluesky-social · Feb 12, 2024 · 6b5e8f9 · 6b5e8f9
1 parent 266be36
commit 6b5e8f9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/app/actions/ModActionPanel/QuickAction.tsx b/app/actions/ModActionPanel/QuickAction.tsx
@@ -117,7 +117,9 @@ export function ModActionPanelQuick(
                 title="No reports"
                 className="h-10 w-10 text-green-300 align-text-bottom mx-auto mb-4"
               />
-              <p className="pb-4 text-center text-gray-400 dark:text-gray-50">No reports found</p>
+              <p className="pb-4 text-center text-gray-400 dark:text-gray-50">
+                No reports found
+              </p>
             </>
           )}
         </div>
@@ -359,7 +361,7 @@ function Form(
 
       refetchSubjectStatus()
       refetchSubject()
-      queryClient.invalidateQueries(['modEventList', { props: { subject } }])
+      queryClient.invalidateQueries(['modEventList'])
 
       // After successful submission, reset the form state to clear inputs for previous submission
       ev.target.reset()

diff --git a/components/reports/ReportPanel.tsx b/components/reports/ReportPanel.tsx
@@ -65,10 +65,7 @@ function Form(props: {
             reason: formData.get('reason')!.toString() || undefined,
           })
           onCancel() // Close
-          queryClient.invalidateQueries([
-            'modEventList',
-            { props: { subject } },
-          ])
+          queryClient.invalidateQueries(['modEventList'])
         } finally {
           setSubmitting(false)
         }