fix team page

client/src/components/team.jsx

@@ -36,8 +36,16 @@ const addState = connect(
             dispatch(actions.setTeam(crypIds));
         }
 
+        function navToList() {
+            dispatch(actions.setGame(null));
+            dispatch(actions.setInstance(null));
+            return dispatch(actions.setNav('list'));
+        }
+
+
         return {
             setTeam,
+            navToList,
         };
     }
 );
@@ -50,6 +58,7 @@ function Team(args) {
 
         setTeam,
         sendCrypSpawn,
+        navToList,
     } = args;
 
     if (!cryps) return <div></div>;
@@ -97,10 +106,25 @@ function Team(args) {
     const spawnButtons = range(spawnButtonsNum)
         .map(i => <SpawnButton key={i} i={i} spawn={name => sendCrypSpawn(name)} />);
 
+
+    const header = (
+        <div className="top">
+            <button
+                disabled={cryps.every(c => c)}
+                className="instance-btn instance-ui-btn right"
+                onClick={() => navToList()}>
+                Join an Instance
+            </button>
+        </div>
+    );
+
     return (
         <main className="menu-cryps">
-            {crypPanels}
-            {spawnButtons}
+            {header}
+            <div className="list">
+                {crypPanels}
+                {spawnButtons}
+            </div>
         </main>
     );
 }