Add update data after success cancel (#43)

folio-org · Oct 12, 2023 · 64eeef2 · 64eeef2
1 parent 3ffc75e
commit 64eeef2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/hooks/useListDetails.ts b/src/hooks/useListDetails.ts
@@ -4,7 +4,7 @@ import { ListsRecordDetails } from '../interfaces';
 
 export const useListDetails = (id: string, queryOptions = {}) => {
   const ky = useOkapiKy();
-  const { data, isLoading } = useQuery(
+  const { data, isLoading, refetch } = useQuery(
     {
       queryKey: ['listDetails', id],
       queryFn: async () => {
@@ -17,6 +17,7 @@ export const useListDetails = (id: string, queryOptions = {}) => {
     },
   );
   return ({
+    refetchDetails: refetch,
     isLoading,
     data,
   });

diff --git a/src/pages/listInformation/ListInformationPage.tsx b/src/pages/listInformation/ListInformationPage.tsx
@@ -33,7 +33,7 @@ export const ListInformationPage: React.FC = () => {
   const { formatNumber } = useIntl();
   const { id }: {id: string} = useParams();
 
-  const { data: listData, isLoading: isDetailsLoading } = useListDetails(id);
+  const { data: listData, isLoading: isDetailsLoading, refetchDetails } = useListDetails(id);
   const { name: listName = '' } = listData ?? {};
   const [refreshTrigger, setRefreshTrigger] = useState(uniqueId());
 
@@ -77,6 +77,7 @@ export const ListInformationPage: React.FC = () => {
       })();
     },
     onCancelSuccess: () => {
+      refetchDetails();
       showSuccessMessage({
         message: t('cancel-refresh.success', {
           listName