nickorlow/personal-site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

added router

Browse source
This commit is contained in:
Nicholas Orlowsky 2021-09-12 11:33:24 -05:00
parent b517e02bbe
commit 238ef3c9d3
1 changed files with 23 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/App.tsx
View file

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