Mathias/PowerTools
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added a dynamic title to the Content.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-05-31 01:57:45 +02:00
parent 6bbbd5c55d
commit 015b7dc529
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/common/components/Content/Content.jsx
View File

@ -1,13 +1,21 @@
import "./styles.sass";
import {routes} from "@/common/routes";
import {Route, Routes} from "react-router-dom";
import {getByPath, routes} from "@/common/routes";
import {Route, Routes, useLocation} from "react-router-dom";
import {useEffect} from "react";
export const Content = () => (
export const Content = () => {
const location = useLocation();
useEffect(() => {
document.title = "PowerTools - " + (getByPath(location.pathname)?.name || "404");
}, [location]);
return (
<div className="content-wrapper">
<Routes>
{Object.keys(routes).map((route) => (routes[route].map((route) => (
<Route exact path={route.path} element={route.component}/>
))))}
</Routes>
</div>
)
</div>);
}