From 238ef3c9d3719410cc9ed9b99d135aad7800743d Mon Sep 17 00:00:00 2001
From: Nicholas Orlowsky <85139485+nickorlow@users.noreply.github.com>
Date: Sun, 12 Sep 2021 11:33:24 -0500
Subject: [PATCH] added router

---
 src/App.tsx | 36 +++++++++++++++++++++++-------------
 1 file changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index eee9e81..8318701 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,6 +8,12 @@ import Projects from "./components/projects/Projects";
 import Hobbies from "./components/hobbies/Hobbies";
 import Contact from "./components/contact/Contact";
 import Terminal from "./components/terminal/Terminal";
+import {
+    BrowserRouter as Router,
+    Switch,
+    Route,
+    Link
+  } from "react-router-dom";
 
 function App() {
 
@@ -15,20 +21,24 @@ function App() {
     const [isTerminalVisible, setIsTerminalVisible] = useState(showTerm);
 
     return (
-        <div className="App">
-            {showTerm && <Terminal isTerminalVisible={isTerminalVisible} setIsTerminalVisible={setIsTerminalVisible}/>}
-            {!isTerminalVisible &&
-                <div>
-                    <Hero/>
-                    <AboutMe/>
-                    <Jobs/>
-                    <Projects/>
-                    <Hobbies/>
-                    <Contact/>
-                    <Footer/>
+        <Router basename={'/~nickorlo'}>
+            <Route path='*'>
+                <div className="App">
+                    {showTerm && <Terminal isTerminalVisible={isTerminalVisible} setIsTerminalVisible={setIsTerminalVisible}/>}
+                    {!isTerminalVisible &&
+                        <div>
+                            <Hero/>
+                            <AboutMe/>
+                            <Jobs/>
+                            <Projects/>
+                            <Hobbies/>
+                            <Contact/>
+                            <Footer/>
+                        </div>
+                    }
                 </div>
-            }
-        </div>
+            </Route>
+        </Router>
       );
 }