menu wip

client/src/components/body.component.jsx

@@ -19,11 +19,12 @@ function renderBody(props) {
 
     if (!account) {
         return (
-            <main>
+            <section>
                 <LoginContainer />
-            </main>
+            </section>
         );
     }
+
     if (game) {
         return (
             <GameContainer />

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 (
-            <main className="game">
+            <section 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>
-            </main>
+            </section>
         );
     }
 
@@ -173,13 +173,13 @@ function GamePanel(props) {
     const gameClasses = `game ${resolution ? 'resolving': ''}`;
 
     return (
-        <main className={gameClasses} onClick={() => setActiveCryp(null)} >
+        <section className={gameClasses} onClick={() => setActiveCryp(null)} >
             {header}
             {timer}
             {PlayerTeam(playerTeam, setActiveSkill)}
             <TargetingArrows />
             {otherTeams.map(OpponentTeam)}
-        </main>
+        </section>
     );
 }
 

client/src/components/instance.component.jsx

@@ -81,7 +81,7 @@ function InstanceComponent(args) {
     );
 
     return (
-        <main className="instance" >
+        <section className="instance" >
             <div className="instance-hdr">
                 {navBtn}
                 {menuBtn}
@@ -95,11 +95,8 @@ function InstanceComponent(args) {
             <InstanceCrypsContainer />
             <EquipmentContainer />
             <InfoContainer />
-        </main>
+        </section>
     );
 }
 
-
-//  Removed while WIP
-
 module.exports = InstanceComponent;

client/src/components/menu.component.jsx

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