update recent change when page published

apps/app/src/components/PageView/PageAlerts/WipPageAlert.tsx

@@ -3,12 +3,15 @@ import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useSWRMUTxCurrentPage, useSWRxCurrentPage } from '~/stores/page';
+import { useSWRINFxRecentlyUpdated } from '~/stores/page-listing';
 
 
 export const WipPageAlert = (): JSX.Element => {
   const { t } = useTranslation();
   const { data: currentPage } = useSWRxCurrentPage();
   const { trigger: mutateCurrentPage } = useSWRMUTxCurrentPage();
+  const { mutate: mutateRecentlyUpdated } = useSWRINFxRecentlyUpdated(20, true);
+
 
   const clickPagePublishButton = useCallback(async() => {
     const pageId = currentPage?._id;
@@ -28,12 +31,14 @@ export const WipPageAlert = (): JSX.Element => {
 
       const toastSuccess = (await import('~/client/util/toastr')).toastSuccess;
       toastSuccess(t('wip_page.success_publish_page'));
+
+      mutateRecentlyUpdated();
     }
     catch {
       const toastError = (await import('~/client/util/toastr')).toastError;
       toastError(t('wip_page.fail_publish_page'));
     }
-  }, [currentPage?._id, mutateCurrentPage, t]);
+  }, [currentPage?._id, mutateCurrentPage, t, mutateRecentlyUpdated]);
 
 
   if (!currentPage?.wip) {