From 926939bb45fe659e6692eecb9c1e99f03cd45149 Mon Sep 17 00:00:00 2001
From: broody <broody@gmail.com>
Date: Fri, 15 Sep 2023 09:50:23 -0700
Subject: [PATCH] chore: conditional wip

---
 web/src/pages/index.tsx | 97 +++++++++++++++++++++++------------------
 1 file changed, 55 insertions(+), 42 deletions(-)

diff --git a/web/src/pages/index.tsx b/web/src/pages/index.tsx
index 9214f4698..6fc98d75c 100644
--- a/web/src/pages/index.tsx
+++ b/web/src/pages/index.tsx
@@ -50,58 +50,71 @@ export default function Home() {
   const { toast } = useToast();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  const showUnderConstruction =
+    window.location.host === "rollyourown.preview.cartridge.gg";
+  console.log(window.location.host);
   return (
     <Layout CustomLeftPanel={HomeLeftPanel}>
       <VStack boxSize="full" gap="10px" justify="center">
         <Card variant="pixelated">
           <HStack w="full" p="20px" gap="10px" justify="center">
-            <VStack>
-              <HStack>
-                <Alert />
-                <Text align="center">Under Construction</Text>
-              </HStack>
-              <Text align="center">
-                Get ready hustlers... Season II starts in September
-              </Text>
-            </VStack>
-
-            {/* <Button
-              flex="1"
-              isDisabled={!account}
-              isLoading={isSubmitting && !txError}
-              onClick={async () => {
-                setIsSubmitting(true);
-                resetAll();
-                const { event, hash } = await createGame(
-                  START_TIME,
-                  MAX_PLAYERS,
-                  NUM_TURNS,
-                );
+            {showUnderConstruction ? (
+              <VStack>
+                <HStack>
+                  <Alert />
+                  <Text align="center">Under Construction</Text>
+                </HStack>
+                <Text align="center">
+                  Get ready hustlers... Season II starts in September
+                </Text>
+              </VStack>
+            ) : (
+              <Button
+                flex="1"
+                isDisabled={!account}
+                isLoading={isSubmitting && !txError}
+                onClick={async () => {
+                  setIsSubmitting(true);
+                  resetAll();
+                  const { event, hash } = await createGame(
+                    START_TIME,
+                    MAX_PLAYERS,
+                    NUM_TURNS,
+                  );
 
-                const { gameId, locationId } = event as JoinedEventData;
-                toast("Created Game", Alert, `http://amazing_explorer/${hash}`);
+                  const { gameId, locationId } = event as JoinedEventData;
+                  toast(
+                    "Created Game",
+                    Alert,
+                    `http://amazing_explorer/${hash}`,
+                  );
 
-                router.push(`/${gameId}/${getLocationById(locationId).slug}`);
-              }}
-            >
-              Hustle
-            </Button> */}
+                  router.push(`/${gameId}/${getLocationById(locationId).slug}`);
+                }}
+              >
+                Hustle
+              </Button>
+            )}
           </HStack>
         </Card>
 
-        {/* <Text>HALL OF FAME</Text>
-        <VStack
-          boxSize="full"
-          gap="20px"
-          sx={{
-            overflowY: "scroll",
-            "&::-webkit-scrollbar": {
-              display: "none",
-            },
-          }}
-        >
-          <Leaderboard />
-        </VStack> */}
+        {!showUnderConstruction && (
+          <>
+            <Text>HALL OF FAME</Text>
+            <VStack
+              boxSize="full"
+              gap="20px"
+              sx={{
+                overflowY: "scroll",
+                "&::-webkit-scrollbar": {
+                  display: "none",
+                },
+              }}
+            >
+              <Leaderboard />
+            </VStack>
+          </>
+        )}
       </VStack>
     </Layout>
   );