AccountDetail (#107)

ui/src/console/Console.js

@@ -71,7 +71,7 @@ const Console = (props) => {
                 selection={selection}
                 setSelection={setSelection}
             />
-            <Detail selection={selection} />
+            <Detail user={props.user} selection={selection} />
             <Enable show={showEnableModal} onHide={closeEnableModal} token={props.user.token} />
             <Version show={showVersionModal} onHide={closeVersionModal} />
         </Container>

ui/src/console/detail/AccountDetail.js

@@ -0,0 +1,9 @@
+const AccountDetail = (props) => {
+    return (
+        <div>
+            <h2>Your Account: {props.user.email}</h2>
+        </div>
+    );
+}
+
+export default AccountDetail;

ui/src/console/detail/Detail.js

@@ -1,9 +1,14 @@
 import EnvironmentDetail from "./EnvironmentDetail";
+import AccountDetail from "./AccountDetail";
 
 const Detail = (props) => {
     let detailComponent = <h1>{props.selection.id} ({props.selection.type})</h1>;
 
     switch(props.selection.type) {
+        case "account":
+            detailComponent = <AccountDetail user={props.user} />;
+            break;
+
         case "environment":
             detailComponent = <EnvironmentDetail selection={props.selection} />;
             break;