update routes

src/App.tsx

 import { BrowserRouter } from 'react-router-dom'
-import Layout from './components/Layout/Layout'
-import Routes from './components/Routes/Routes'
-import { UserContext } from './hooks/userContext'
 import { ToastContainer } from 'react-toastify'
 import 'react-toastify/dist/ReactToastify.css'
+import Layout from './components/Layout/Layout'
+import Router from './components/Routes/Router'
 import useFindUser from './hooks/useFindUser'
+import { UserContext } from './hooks/userContext'
 
 function App() {
   const { user, setUser, isLoading } = useFindUser()
@@ -13,7 +13,7 @@ function App() {
     <BrowserRouter>
       <UserContext.Provider value={{ user, setUser, isLoading }}>
         <Layout>
-          <Routes />
+          <Router />
         </Layout>
       </UserContext.Provider>
       <ToastContainer

src/components/Menu/Menu.tsx

 import React, { useContext } from 'react'
-import routes from '../../constants/routes.json'
-import logo from '../../assets/icons/ecolyo-logo.svg'
-import './menu.scss'
 import { NavLink } from 'react-router-dom'
-import { UserContext } from '../../hooks/userContext'
+import logo from '../../assets/icons/ecolyo-logo.svg'
 import { useAuth } from '../../hooks/useAuth'
-import { Route } from '../../models/route.model'
+import { UserContext } from '../../hooks/userContext'
+import { routes } from '../Routes/Router'
+import './menu.scss'
 
 const Menu: React.FC = () => {
   const { user } = useContext(UserContext)
@@ -17,7 +16,7 @@ const Menu: React.FC = () => {
         <img src={logo} alt="Ecolyo logo" className="logo" />
       </div>
       <div className="menu-list">
-        {routes.map((route: Route) => (
+        {routes.map((route) => (
           <NavLink key={route.label} to={route.path} activeClassName="active">
             {route.label}
           </NavLink>

src/components/Navbar/Navbar.tsx

 import React, { useContext } from 'react'
 import { NavLink } from 'react-router-dom'
-import routes from '../../constants/routes.json'
 import { useAuth } from '../../hooks/useAuth'
 import { UserContext } from '../../hooks/userContext'
-import { Route } from '../../models/route.model'
+import { routes } from '../Routes/Router'
 import './navbar.scss'
 
 const Navbar: React.FC = () => {
@@ -13,7 +12,7 @@ const Navbar: React.FC = () => {
   return (
     <div className="navbar">
       <div className="menu-list">
-        {routes.map((route: Route) => (
+        {routes.map((route) => (
           <NavLink key={route.label} to={route.path} activeClassName="active">
             {route.label}
           </NavLink>

src/components/Routes/PrivateRoute.tsx

-import React, { useContext } from 'react'
-import { Route, Redirect } from 'react-router-dom'
-import { UserContext } from '../../hooks/userContext'
-
-interface PrivateRouteProps {
-  component: React.FC
-  path: string
-  exact: boolean
-}
-
-const PrivateRoute: React.FC<PrivateRouteProps> = ({
-  component,
-  path,
-  exact,
-}: PrivateRouteProps) => {
-  const { user } = useContext(UserContext)
-
-  return user ? (
-    <Route path={path} exact={exact} component={component} />
-  ) : (
-    <Redirect to="/login" />
-  )
-}
-export default PrivateRoute

src/components/Routes/Router.tsx

+import React, { useContext } from 'react'
+import { Redirect, Route, Switch } from 'react-router-dom'
+import { UserContext } from '../../hooks/userContext'
+import Consents from '../Consents/Consents'
+import Editing from '../Editing/Editing'
+import Login from '../Login/Login'
+import Prices from '../Prices/Prices'
+import Settings from '../Settings/Settings'
+
+const links: { [key: string]: { label: string; path: string } } = {
+  newsletter: {
+    label: 'Newsletter',
+    path: '/newsletter',
+  },
+  popups: {
+    label: 'Pop-ups',
+    path: '/popups',
+  },
+  prices: {
+    label: 'Prix',
+    path: '/prices',
+  },
+  consents: {
+    label: 'Consentements',
+    path: '/consents',
+  },
+}
+
+export const routes = Object.keys(links).map((key) => ({
+  label: links[key].label,
+  path: links[key].path,
+}))
+
+const Router: React.FC = () => {
+  const { user } = useContext(UserContext)
+
+  return (
+    <Switch>
+      {user ? (
+        <>
+          <Route exact path={links.newsletter.path} component={Editing} />
+          <Route exact path={links.prices.path} component={Prices} />
+          <Route exact path={links.popups.path} component={Settings} />
+          <Route exact path={links.consents.path} component={Consents} />
+          <Redirect path="*" to={links.newsletter.path} />
+        </>
+      ) : (
+        <>
+          <Route path="/login" component={Login} />
+          <Redirect path="*" to="/login" />
+        </>
+      )}
+    </Switch>
+  )
+}
+
+export default Router

src/components/Routes/Routes.tsx

-import React, { useContext } from 'react'
-import { Redirect, Route, Switch } from 'react-router-dom'
-import { UserContext } from '../../hooks/userContext'
-import Consents from '../Consents/Consents'
-import Editing from '../Editing/Editing'
-import Login from '../Login/Login'
-import Prices from '../Prices/Prices'
-import Settings from '../Settings/Settings'
-import PrivateRoute from './PrivateRoute'
-
-const Routes: React.FC = () => {
-  const { user } = useContext(UserContext)
-
-  return (
-    <Switch>
-      {user && <Redirect path="/login" to="/editing" />}
-      <Route path="/login" component={Login} />
-      <PrivateRoute exact path="/editing" component={Editing} />
-      <PrivateRoute exact path="/prices" component={Prices} />
-      <PrivateRoute exact path="/settings" component={Settings} />
-      <PrivateRoute exact path="/consents" component={Consents} />
-      <Redirect path="*" to="/editing" />
-    </Switch>
-  )
-}
-
-export default Routes

src/constants/routes.json

-[
-  {
-    "label": "Consentements",
-    "path": "/consents"
-  },
-  {
-    "label": "Edition",
-    "path": "/editing"
-  },
-  {
-    "label": "Paramètres",
-    "path": "/settings"
-  },
-  {
-    "label": "Prix",
-    "path": "/prices"
-  }
-]

src/models/route.model.ts

-export interface Route {
-  label: string
-  path: string
-}
-
-export interface Routes extends Array<Route> {}