invalidate query after upload

Vizzuality · Sep 6, 2023 · 7388e80 · 7388e80
1 parent 2f465b1
commit 7388e80
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/app/layout/project/sidebar/project/inventory-panel/wdpas/index.tsx b/app/layout/project/sidebar/project/inventory-panel/wdpas/index.tsx
@@ -27,6 +27,7 @@ const InventoryPanelProtectedAreas = ({
   noData: string;
 }): JSX.Element => {
   const dispatch = useAppDispatch();
+
   const { selectedWDPAs: visibleWDPAs, search } = useAppSelector(
     (state) => state['/projects/[id]']
   );

diff --git a/app/layout/project/sidebar/project/inventory-panel/wdpas/modals/upload/index.tsx b/app/layout/project/sidebar/project/inventory-panel/wdpas/modals/upload/index.tsx
@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 
 import { useDropzone, DropzoneProps } from 'react-dropzone';
 import { Form as FormRFF, Field as FieldRFF, FormProps } from 'react-final-form';
+import { useQueryClient } from 'react-query';
 
 import { useRouter } from 'next/router';
 
@@ -49,6 +50,7 @@ export const WDPAUploadModal = ({
   const { pid } = query as { pid: string };
 
   const { addToast } = useToasts();
+  const queryClient = useQueryClient();
 
   const uploadWDPAsShapefileMutation = useUploadWDPAsShapefile({});
 
@@ -126,6 +128,7 @@ export const WDPAUploadModal = ({
               level: 'success',
             }
           );
+          queryClient.invalidateQueries(['wdpas', pid]);
         },
         onError: (error: AxiosError | Error) => {
           let errors: { status: number; title: string }[] = [];