49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
import React, {useState} from 'react';
|
|
import './App.css';
|
|
import Footer from "./components/footer/Footer";
|
|
import Hero from "./components/hero/Hero";
|
|
import AboutMe from "./components/about-me/AboutMe";
|
|
import Jobs from "./components/jobs/Jobs";
|
|
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
|
|
} from 'react-router-dom';
|
|
|
|
function App() {
|
|
|
|
const showTerm: boolean = new URLSearchParams(window.location.search).get("showTerm") === 'true';
|
|
const [isTerminalVisible, setIsTerminalVisible] = useState(showTerm);
|
|
|
|
return (
|
|
<div className="App">
|
|
<Router>
|
|
<Switch>
|
|
<Route path='/' exact={true}>
|
|
{showTerm && <Terminal isTerminalVisible={isTerminalVisible} setIsTerminalVisible={setIsTerminalVisible}/>}
|
|
{!isTerminalVisible &&
|
|
<div>
|
|
<Hero/>
|
|
<AboutMe/>
|
|
<Jobs/>
|
|
<Projects/>
|
|
<Hobbies/>
|
|
<Contact/>
|
|
<Footer/>
|
|
</div>
|
|
}
|
|
</Route>
|
|
<Route path='/privacy' exact={true}>
|
|
</Route>
|
|
</Switch>
|
|
</Router>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default App;
|