move stuff for main

client/src/components/game.component.jsx

@@ -28,7 +28,7 @@ function GamePanel(props) {
     if (showLog) {
         const logs = game.log.map((l, i) => (<div key={i}>{l}</div>)).reverse();
         return (
-            <section className="game">
+            <main className="game">
                 <div className="instance-hdr">
                     <button
                         className="game-btn instance-btn instance-ui-btn left"
@@ -42,7 +42,7 @@ function GamePanel(props) {
                 <div className="logs">
                     {logs}
                 </div>
-            </section>
+            </main>
         );
     }
 
@@ -165,12 +165,12 @@ function GamePanel(props) {
     const gameClasses = `game ${resolution ? 'resolving': ''}`;
 
     return (
-        <section className={gameClasses} onClick={() => setActiveCryp(null)} >
+        <main className={gameClasses} onClick={() => setActiveCryp(null)} >
             {header}
             {timer}
             {otherTeams.map(OpponentTeam)}
             {PlayerTeam(playerTeam, setActiveSkill)}
-        </section>
+        </main>
     );
 }
 

client/src/components/instance.component.jsx

@@ -48,7 +48,7 @@ function InstanceComponent(args) {
     );
 
     return (
-        <section className="instance" >
+        <main className="instance" >
             <div className="top">
                 {actionBtn}
                 {timer}
@@ -57,7 +57,7 @@ function InstanceComponent(args) {
             <InfoContainer />
             <EquipmentContainer />
             <InstanceCrypsContainer />
-        </section>
+        </main>
     );
 }
 

client/src/components/main.jsx

@@ -19,15 +19,9 @@ function renderBody(props) {
 
     if (!account) {
         return (
-            <section>
+            <main>
                 <LoginContainer />
-            </section>
-        );
-    }
-
-    if (game) {
-        return (
-            <GameContainer />
+            </main>
         );
     }
 
@@ -37,6 +31,12 @@ function renderBody(props) {
         );
     }
 
+    if (game) {
+        return (
+            <GameContainer />
+        );
+    }
+
     return (
         <MenuContainer />
     );

client/src/components/menu.component.jsx

@@ -145,9 +145,9 @@ function Menu(args) {
     }
 
     return (
-        <section className="menu">
+        <main className="menu">
             {instanceList()}
-        </section>
+        </main>
     );
 }