added router
This commit is contained in:
parent
b517e02bbe
commit
238ef3c9d3
10
src/App.tsx
10
src/App.tsx
|
@ -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,6 +21,8 @@ function App() {
|
||||||
const [isTerminalVisible, setIsTerminalVisible] = useState(showTerm);
|
const [isTerminalVisible, setIsTerminalVisible] = useState(showTerm);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<Router basename={'/~nickorlo'}>
|
||||||
|
<Route path='*'>
|
||||||
<div className="App">
|
<div className="App">
|
||||||
{showTerm && <Terminal isTerminalVisible={isTerminalVisible} setIsTerminalVisible={setIsTerminalVisible}/>}
|
{showTerm && <Terminal isTerminalVisible={isTerminalVisible} setIsTerminalVisible={setIsTerminalVisible}/>}
|
||||||
{!isTerminalVisible &&
|
{!isTerminalVisible &&
|
||||||
|
@ -29,6 +37,8 @@ function App() {
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
</Route>
|
||||||
|
</Router>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue