Update home to still allow users to use mobile

Shaunwei · Jul 30, 2023 · 25cc08f · 25cc08f
1 parent ad6a77e
commit 25cc08f
Showing 1 changed file with 17 additions and 20 deletions.
diff --git a/client/web/src/pages/Home.jsx b/client/web/src/pages/Home.jsx
@@ -62,27 +62,24 @@ const Home = ({
   }
 
   return (
-    isMobile ? (
-        <MobileWarning />
-      ) : (
-        <div id="desktop-content">
-          { loading ? (<h2>Loading...</h2>) : (
-            <>
-              <p className="header">Choose Your Partner</p>
-
-              <Characters 
-                  characterGroups={characterGroups} 
-                  selectedCharacter={selectedCharacter} 
-                  setSelectedCharacter={setSelectedCharacter} 
-                  isPlaying={isPlaying} 
-                  characterConfirmed={characterConfirmed} 
-              />
+    <div id="desktop-content">
+      {isMobile && <MobileWarning />}
+      {loading ? (<h2>Loading...</h2>) : (
+        <>
+          <p className="header">Choose Your Partner</p>
 
-              <Button onClick={handleNextClick} name="Next"  disabled={!selectedCharacter}/>
-              </>)}
-          </div>
-      )
-    )
+          <Characters
+            characterGroups={characterGroups}
+            selectedCharacter={selectedCharacter}
+            setSelectedCharacter={setSelectedCharacter}
+            isPlaying={isPlaying}
+            characterConfirmed={characterConfirmed}
+          />
+
+          <Button onClick={handleNextClick} name="Next" disabled={!selectedCharacter} />
+        </>)}
+    </div>
+  );
 };
 
 export default Home;