From 8067b6e9f99d99c93135aaa538824ecf3aeee5c1 Mon Sep 17 00:00:00 2001
From: Michael Quigley <michael@quigley.com>
Date: Mon, 19 Sep 2022 15:40:01 -0400
Subject: [PATCH] separate 'Overview' (#50)

---
 ui/src/App.js      | 54 +--------------------------------------------
 ui/src/Overview.js | 55 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 56 insertions(+), 53 deletions(-)
 create mode 100644 ui/src/Overview.js

diff --git a/ui/src/App.js b/ui/src/App.js
index a046a1af..cdeaf397 100644
--- a/ui/src/App.js
+++ b/ui/src/App.js
@@ -1,58 +1,6 @@
-import Login from './Login';
-import Logout from './Logout';
-import Network from './Network';
-import Token from './Token';
-import Version from './Version';
-import { useEffect, useState } from 'react';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import Register from "./Register";
-
-const Overview = () => {
-    const [user, setUser] = useState();
-
-    useEffect(() => {
-        const localUser = localStorage.getItem("user")
-        if (localUser) {
-            setUser(JSON.parse(localUser))
-            console.log('reloaded user', localUser)
-        }
-    }, []);
-
-    if (!user) {
-        return (
-            <Login loginSuccess={setUser}/>
-        );
-    }
-
-    const logout = () => {
-        setUser(null);
-        localStorage.clear();
-    }
-
-    return (
-        <div className="zrok">
-            <div className="container">
-                <div className="header">
-                    <img alt="ziggy goes to space" src="ziggy.svg" width="65px"/>
-                    <p className="header-title">zrok</p>
-                    <div className={"header-status"}>
-                        <div>
-                            <p>{user.email}</p>
-                            <Version/>
-                        </div>
-                        <div className={"header-controls"}>
-                            <Token user={user}/>
-                            <Logout user={user} logout={logout}/>
-                        </div>
-                    </div>
-                </div>
-                <div className="main">
-                    <Network />
-                </div>
-            </div>
-        </div>
-    );
-}
+import Overview from "./Overview";
 
 const App = () => {
     return (
diff --git a/ui/src/Overview.js b/ui/src/Overview.js
new file mode 100644
index 00000000..e47a0493
--- /dev/null
+++ b/ui/src/Overview.js
@@ -0,0 +1,55 @@
+import {useEffect, useState} from "react";
+import Login from "./Login";
+import Version from "./Version";
+import Token from "./Token";
+import Logout from "./Logout";
+import Network from "./Network";
+
+const Overview = () => {
+    const [user, setUser] = useState();
+
+    useEffect(() => {
+        const localUser = localStorage.getItem("user")
+        if (localUser) {
+            setUser(JSON.parse(localUser))
+            console.log('reloaded user', localUser)
+        }
+    }, []);
+
+    if (!user) {
+        return (
+            <Login loginSuccess={setUser}/>
+        );
+    }
+
+    const logout = () => {
+        setUser(null);
+        localStorage.clear();
+    }
+
+    return (
+        <div className="zrok">
+            <div className="container">
+                <div className="header">
+                    <img alt="ziggy goes to space" src="ziggy.svg" width="65px"/>
+                    <p className="header-title">zrok</p>
+                    <div className={"header-status"}>
+                        <div>
+                            <p>{user.email}</p>
+                            <Version/>
+                        </div>
+                        <div className={"header-controls"}>
+                            <Token user={user}/>
+                            <Logout user={user} logout={logout}/>
+                        </div>
+                    </div>
+                </div>
+                <div className="main">
+                    <Network />
+                </div>
+            </div>
+        </div>
+    );
+}
+
+export default Overview;
\ No newline at end of file