feat/addBrokenLinksReporter

src/assets/images/index.ts

@@ -30,3 +30,4 @@ export * from "./EditorAccordionImage"
 export * from "./EditorCardsImage"
 export * from "./EditorDividerImage"
 export * from "./EditorCardsPlaceholderImage"
+export * from "./NoBrokenLinksImage"

src/constants/queryKeys.ts

@@ -22,6 +22,7 @@ export const SITE_DASHBOARD_INFO_KEY = "site-dashboard-info"
 export const SITE_DASHBOARD_REVIEW_REQUEST_KEY = "site-dashboard-review-request"
 export const SITE_DASHBOARD_COLLABORATORS_KEY = "site-dashboard-collaborators"
 export const SITE_DASHBOARD_LAUNCH_STATUS_KEY = "site-dashboard-launch-status"
+export const SITE_LINK_CHECKER_STATUS_KEY = "site-link-checker-status"
 export const NOTIFICATIONS_KEY = "notifications-content"
 export const ALL_NOTIFICATIONS_KEY = "all-notifications"
 export const LIST_COLLABORATORS_KEY = "list-collaborators"

src/hooks/siteDashboardHooks/useGetLinkChecker.ts

@@ -0,0 +1,22 @@
+import { UseQueryResult, useQuery } from "react-query"
+
+import { SITE_LINK_CHECKER_STATUS_KEY } from "constants/queryKeys"
+
+import * as LinkCheckerService from "services/LinkCheckerService"
+
+import { RepoErrorDto } from "types/linkReport"
+
+export const useGetBrokenLinks = (
+  siteName: string
+): UseQueryResult<RepoErrorDto> => {
+  return useQuery<RepoErrorDto>(
+    [SITE_LINK_CHECKER_STATUS_KEY, siteName],
+    () => {
+      return LinkCheckerService.getLinkCheckerStatus({ siteName })
+    },
+    {
+      retry: false,
+      refetchInterval: 1000 * 10,
+    }
+  )
+}

src/hooks/siteDashboardHooks/useRefreshLinkChecker.ts

@@ -0,0 +1,22 @@
+import { AxiosError } from "axios"
+import { useMutation, UseMutationResult, useQueryClient } from "react-query"
+
+import { SITE_LINK_CHECKER_STATUS_KEY } from "constants/queryKeys"
+
+import * as LinkCheckerService from "services/LinkCheckerService"
+
+export const useRefreshLinkChecker = (
+  siteName: string
+): UseMutationResult<void, AxiosError, string> => {
+  const queryClient = useQueryClient()
+  return useMutation<void, AxiosError, string>(
+    async () => {
+      await LinkCheckerService.refreshLinkChecker({ siteName })
+    },
+    {
+      onSettled: () => {
+        queryClient.invalidateQueries([SITE_LINK_CHECKER_STATUS_KEY, siteName])
+      },
+    }
+  )
+}