temp outage page

Author: starknetdev

ui/.env

@@ -1,6 +1,7 @@
 NEXT_PUBLIC_NETWORK="mainnet"
 NEXT_PUBLIC_TOURNAMENT_ENDED="true"
-NEXT_PUBLIC_SEASON_ACTIVE="true"
+NEXT_PUBLIC_SEASON_ACTIVE="false"
 NEXT_PUBLIC_DS_TOURNAMENT_ACTIVE="false"
 NEXT_PUBLIC_DS_TOURNAMENT_ID=1
-NEXT_PUBLIC_DS_TOURNAMENT_START_TIME=1737727200
+NEXT_PUBLIC_DS_TOURNAMENT_START_TIME=1737727200
+NEXT_PUBLIC_TEMPORARY_OUTAGE="true"

ui/src/app/components/intro/TemporaryOutage.tsx

@@ -0,0 +1,12 @@
+const TemporaryOutage = () => {
+  return (
+    <div className="absolute inset-0 flex flex-col gap-2 items-center justify-center h-screen">
+      <h1 className="text-4xl font-bold">
+        Survivors, we are experiencing an issue with VRF.
+      </h1>
+      <p className="text-lg">We&apos;ll be back soon.</p>
+    </div>
+  );
+};
+
+export default TemporaryOutage;

ui/src/app/layout.tsx

@@ -16,6 +16,7 @@ import { BurnerManager } from "@dojoengine/create-burner";
 import { Analytics } from "@vercel/analytics/react";
 import { useEffect, useState } from "react";
 import { RpcProvider } from "starknet";
+import TemporaryOutage from "./components/intro/TemporaryOutage";
 import { networkConfig } from "./lib/networkConfig";
 
 type SetupResult = {
@@ -37,6 +38,8 @@ export default function RootLayout({
   const [setupResult, setSetupResult] = useState<SetupResult | null>(null);
   const [createBurner, setCreateBurner] = useState(false);
 
+  const temporaryOutage = process.env.NEXT_PUBLIC_TEMPORARY_OUTAGE === "true";
+
   const handleIntroComplete = () => {
     setIntroComplete(true);
   };
@@ -72,7 +75,9 @@ export default function RootLayout({
           <main
             className={`min-h-screen container mx-auto flex flex-col sm:pt-8 sm:p-8 lg:p-10 2xl:p-20 `}
           >
-            {introComplete ? (
+            {temporaryOutage ? (
+              <TemporaryOutage />
+            ) : introComplete ? (
               <>
                 <LoginIntro />
                 {createBurner && <BurnerLoader />}