Logo takes you to zones page if logged in

2 files changed, 50 insertions, 1 deletions

diff --git a/src/App.js b/src/App.js
index 93a7a9c..3782bcf 100644
--- a/src/App.js
+++ b/src/App.js
@@ -54,11 +54,13 @@ function ButtonRow() {
   )
 }
 function App() {
+  let auth = useAuth()
+
   return (
     <div className="App">
       <BrowserRouter>
         <header>
-          <Link to="/">
+          <Link to={auth.isAuthenticated() ? "/zones" : "/"}>
             <h1>
               HOSTS<b>dot</b>TXT
             </h1>
diff --git a/src/hooks/useErrorModal.js b/src/hooks/useErrorModal.js
new file mode 100644
index 0000000..9117149
--- /dev/null
+++ b/src/hooks/useErrorModal.js
@@ -0,0 +1,47 @@
+import React from 'react'
+import { isExpired } from 'react-jwt'
+import { Navigate, useLocation } from 'react-router-dom'
+
+let ErrorModalContext = React.createContext()
+
+export function ErrorModalProvider({ children }) {
+  let [showModal, setShowModal] = React.useState(false)
+
+  let show = (message) => {
+    setShowModal(true);
+  }
+  let hide = () => {
+    setShowModal(false);
+  }
+
+  let value = { show, hide };
+
+  return <ErrorModalContext.Provider value={value}>{children} {showModal ? <ErrorModal /> : null }</ErrorModalContext.Provider>
+}
+
+export function useErrorModal() {
+  return React.useContext(ErrorModalContext)
+}
+
+const modalStyle = {
+  content: {
+    top: '50%',
+    left: '50%',
+    right: 'auto',
+    bottom: 'auto',
+    marginRight: '-50%',
+    transform: 'translate(-50%, -50%)',
+  },
+}
+
+function ErrorModal({ content }) {
+  return (
+    <Modal
+      isOpen={showModal}
+      onRequestClose={() => setShowModal(false)}
+      style={modalStyle}
+    >
+      LIGMAAAAAAAA
+    </Modal>
+  )
+}