menu styles

client/src/components/list.jsx

@@ -36,6 +36,15 @@ const addState = connect(
             instances,
         };
     },
+
+    function receiveDispatch(dispatch) {
+        function navToTeam() {
+            return dispatch(actions.setNav('team'));
+        }
+        return {
+            navToTeam,
+        };
+    }
 );
 
 function List(args) {
@@ -47,6 +56,7 @@ function List(args) {
         sendInstanceJoin,
         sendInstanceList,
         instances,
+        navToTeam,
     } = args;
 
     function instanceList() {
@@ -76,6 +86,7 @@ function List(args) {
 
         return (
             <div className="menu-instance-list" >
+                <hr />
                 <table>
                     <thead>
                         <tr>
@@ -113,9 +124,20 @@ function List(args) {
         );
     });
 
+    const header = (
+        <div className="top">
+            <button
+                className="instance-btn instance-ui-btn left"
+                onClick={() => navToTeam()}>
+                Select Constructs
+            </button>
+        </div>
+    );
+
 
     return (
         <main className="menu-instances">
+            {header}
             <div className="construct-list">
                 {constructPanels}
             </div>