Merge pull request #530 from STAPLE-verse/fix-forms-flash

fix form flashing icons

Author: doomlab

src/forms/components/FormsList.tsx

@@ -30,7 +30,7 @@ export const FormsList = ({
   onColumnFiltersChange,
   onFormsUpdated,
 }: FormsListProps) => {
-  const formsTableData = processForms(forms)
+  const formsTableData = useMemo(() => processForms(forms), [forms])
   const columns = useMemo(
     () => getFormsColumns(onFolderFilterChange, onFormsUpdated),
     [onFolderFilterChange, onFormsUpdated]

src/pages/forms/index.tsx

@@ -82,6 +82,10 @@ const AllFormsPage = () => {
     setPagination((prev) => ({ ...prev, pageIndex: 0 }))
   }, [])
 
+  const handleFormsUpdated = useCallback(() => {
+    void refetch()
+  }, [refetch])
+
   const handleCreateFolder = async () => {
     if (!newFolderName.trim()) return
     await createFolderMutation({ name: newFolderName.trim() })
@@ -117,9 +121,7 @@ const AllFormsPage = () => {
               open={isModalOpen}
               onClose={closeModal}
               currentUser={currentUser!}
-              onFormsUpdated={() => {
-                void refetch()
-              }}
+              onFormsUpdated={handleFormsUpdated}
             />
             {showNewFolder ? (
               <>
@@ -170,9 +172,7 @@ const AllFormsPage = () => {
               onGlobalFilterChange={handleGlobalFilterChange}
               onFolderFilterChange={handleFolderFilterChange}
               onColumnFiltersChange={handleColumnFiltersChange}
-              onFormsUpdated={() => {
-                void refetch()
-              }}
+              onFormsUpdated={handleFormsUpdated}
             />
           </Card>
         </Suspense>