Add useManipulate to AppContainer.ts

sharemindteam · Jul 21, 2024 · b38987a · b38987a
1 parent a4fcaae
commit b38987a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/src/components/Common/AppContainer.tsx b/src/components/Common/AppContainer.tsx
@@ -5,6 +5,7 @@ import styled from 'styled-components';
 import { Grey6, White } from 'styles/color';
 import { scrollLockState } from 'utils/atom';
 import { APP_WIDTH } from 'styles/AppStyle';
+import useManipulateServerDown from 'hooks/useManipulateSeverDown';
 
 //
 //
@@ -45,6 +46,11 @@ export const AppContainer = ({ children }: AppContainerProps) => {
     isPaymentDetailPage ||
     isProfilePage;
 
+  //
+  //
+  //
+  // Redirect to inspection page when service is shut down
+  useManipulateServerDown();
   //
   //
   //

diff --git a/src/hooks/useManipulateSeverDown.ts b/src/hooks/useManipulateSeverDown.ts
@@ -2,11 +2,14 @@ import { useQuery } from '@tanstack/react-query';
 import { getIsServerShutdown } from 'api/get';
 import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
-
+//
+//
+//
 const ADMIN_SERVER_QUERY_KEY = 'getIsServerShutdown';
-
-export type GetIsServerShutdownResponse = boolean;
-
+type GetIsServerShutdownResponse = boolean;
+//
+//
+//
 function useManipulateServerDown() {
   const navigate = useNavigate();
 
@@ -16,7 +19,7 @@ function useManipulateServerDown() {
   });
 
   useEffect(() => {
-    if (!isShutDown) {
+    if (isShutDown) {
       navigate('/service-unavailable');
     }
   }, [isShutDown, navigate]);