Merge pull request #37 from WildCodeSchool/titledash

Titledash
WildCodeSchool · Dec 19, 2023 · 8b9b295 · 8b9b295
2 parents 3dd9505 + f4767ae
commit 8b9b295
Show file tree

Hide file tree

Showing 5 changed files with 51 additions and 20 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/src/components/Dashboards/TitleDashboard.jsx b/frontend/src/components/Dashboards/TitleDashboard.jsx
@@ -1,12 +1,14 @@
+import "./title-dashboard.css";
+
 function TitleDashboard() {
   return (
-    <div>
-      <h4>ID Offres</h4>
-      <h4>Entreprises</h4>
-      <h4>Candidats</h4>
-      <h4>Statut offre</h4>
-      <h4>Référent</h4>
-      <h4>Actions</h4>
+    <div className="title-container">
+      <h4 className="title-dash">ID Offres</h4>
+      <h4 className="title-dash">Entreprises</h4>
+      <h4 className="title-dash">Candidats</h4>
+      <h4 className="title-dash">Statut offre</h4>
+      <h4 className="title-dash">Référent</h4>
+      <h4 className="title-dash">Actions</h4>
     </div>
   );
 }

diff --git a/frontend/src/components/Dashboards/title-dashboard.css b/frontend/src/components/Dashboards/title-dashboard.css
@@ -0,0 +1,12 @@
+.title-container {
+  width: 70%;
+  margin-left: 25px;
+  display: flex;
+  justify-content: space-between;
+}
+
+.title-dash {
+  font-size: 20px;
+  color: var(--texte-default);
+  font-weight: 400;
+}
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
@@ -1,8 +1,9 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
-import "mdb-react-ui-kit/dist/css/mdb.min.css";
 import "@fortawesome/fontawesome-free/css/all.min.css";
+import "mdb-react-ui-kit/dist/css/mdb.min.css";
+
 // Import des composants pour les routes.
 import App from "./App";
 import SignIn from "./pages/Connexion/SignIn";
@@ -15,6 +16,7 @@ import AddFormation from "./pages/Formation/AddFormation";
 import Offer from "./pages/Offer/Offer";
 import History from "./pages/Historique/History";
 import Favoris from "./pages/Favoris/Favoris";
+import TitleDashboard1 from "./pages/Dashboard/Dashboard1";
 
 const router = createBrowserRouter([
   {
@@ -64,6 +66,10 @@ const router = createBrowserRouter([
           },
         ],
       },
+      {
+        path: "/dashboard",
+        element: <TitleDashboard1 />,
+      },
     ],
   },
 ]);

diff --git a/frontend/src/pages/Dashboard/Dashboard1.jsx b/frontend/src/pages/Dashboard/Dashboard1.jsx
@@ -0,0 +1,11 @@
+import TitleDashboard from "../../components/Dashboards/TitleDashboard";
+
+function TitleDashboard1() {
+  return (
+    <div>
+      <TitleDashboard />
+    </div>
+  );
+}
+
+export default TitleDashboard1;