chore: infra update for maintenance mode (#5963)

web/ce/components/maintenance-mode.tsx

@@ -0,0 +1,5 @@
+"use client";
+
+import { FC, Fragment } from "react";
+
+export const MaintenanceMode: FC = () => <Fragment />;

web/core/lib/wrappers/instance-wrapper.tsx

@@ -6,6 +6,8 @@ import { LogoSpinner } from "@/components/common";
 import { InstanceNotReady } from "@/components/instance";
 // hooks
 import { useInstance } from "@/hooks/store";
+// plane web components
+import { MaintenanceMode } from "@/plane-web/components/maintenance-mode";
 
 type TInstanceWrapper = {
   children: ReactNode;
@@ -16,9 +18,11 @@ export const InstanceWrapper: FC<TInstanceWrapper> = observer((props) => {
   // store
   const { isLoading, instance, error, fetchInstanceInfo } = useInstance();
 
-  const { isLoading: isInstanceSWRLoading } = useSWR("INSTANCE_INFORMATION", () => fetchInstanceInfo(), {
+  const { isLoading: isInstanceSWRLoading, error: instanceSWRError } = useSWR(
-    revalidateOnFocus: false,
+    "INSTANCE_INFORMATION",
-  });
+    async () => await fetchInstanceInfo(),
+    { revalidateOnFocus: false }
+  );
 
   // loading state
   if ((isLoading || isInstanceSWRLoading) && !instance)
@@ -28,6 +32,8 @@ export const InstanceWrapper: FC<TInstanceWrapper> = observer((props) => {
       </div>
     );
 
+  if (instanceSWRError) return <MaintenanceMode />;
+
   // something went wrong while in the request
   if (error && error?.status === "error") return <>{children}</>;
 

web/core/store/instance.store.ts

@@ -66,6 +66,7 @@ export class InstanceStore implements IInstanceStore {
           message: "Failed to fetch instance info",
         };
       });
+      throw error;
     }
   };
 }

web/ee/components/maintenance-mode.tsx

@@ -0,0 +1 @@
+export * from "ce/components/maintenance-mode";