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

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

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