Merge pull request #27 from WildCodeSchool/routes

Routes
WildCodeSchool · Dec 14, 2023 · 155a759 · 155a759
2 parents 7efa3b7 + faff4ea
commit 155a759
Show file tree

Hide file tree

Showing 11 changed files with 101 additions and 42 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -108,6 +108,6 @@ body {
 .container-page.with-rounded-border {
   border-top-left-radius: 50px;
   border-top-right-radius: 50px;
-  padding-top: 0;
+  padding-top: 70px;
   margin-top: -170px;
 }
diff --git a/frontend/src/components/Inputs/text-area.css b/frontend/src/components/Inputs/text-area.css
@@ -1,5 +1,5 @@
 .container-input {
-  margin: 10px 0px;
+  margin: 40px 0 10px 0;
 }
 .background-input {
   background-color: var(--background-input);

diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
@@ -13,6 +13,8 @@ import History from "./pages/Historique/History";
 import JobPosteDelail from "./pages/JobPosteDetail/JobPosteDetail";
 import Home from "./pages/Home/Home";
 import Favoris from "./pages/Favoris/Favoris";
+import ResultatAnnonces from "./pages/ResultatAnnonce/ResultatsAnnonce";
+import Search from "./pages/Search/Search";
 
 const router = createBrowserRouter([
   {
@@ -39,6 +41,14 @@ const router = createBrowserRouter([
         path: "/job",
         element: <JobPosteDelail />,
       },
+      {
+        path: "/results",
+        element: <ResultatAnnonces />,
+      },
+      {
+        path: "/search",
+        element: <Search />,
+      },
       {
         path: "/edit-profil",
         element: <UserProfileModel />,

diff --git a/frontend/src/pages/CV/CreateCV.jsx b/frontend/src/pages/CV/CreateCV.jsx
@@ -2,21 +2,25 @@ import React from "react";
 import Input from "../../components/Inputs/Input";
 import ButtonMaxi from "../../components/Boutons/ButtonMaxi";
 import AddDetailsCV from "../../components/Add Something/AddSomething";
+import HeaderCourt from "../../components/Headers/HeaderCourt";
 
 function CreateCV() {
   return (
-    <div>
-      <h1>Créer son CV</h1>
-      <Input titleInput="Titre du CV *" holderText="Curuculum vitae" />
-      <Input titleInput="Nom *" holderText="Doe" />
-      <Input titleInput="Prénom *" holderText="John" />
-      <Input titleInput="E-mail *" holderText="[email protected]" />
-      <Input titleInput="Numéro *" holderText="06 00 00 00 00 00" />
-      <Input titleInput="Adresse *" holderText="75 Rue Boétoile" />
-      <AddDetailsCV objectToAdd="Expériences professionnelles" />
-      <AddDetailsCV objectToAdd="Formations" />
-      <ButtonMaxi textBtn="Enregistrer" />
-    </div>
+    <>
+      <HeaderCourt />
+      <div className="container-page with-rounded-border">
+        <h1>Créer son CV</h1>
+        <Input titleInput="Titre du CV *" holderText="Curuculum vitae" />
+        <Input titleInput="Nom *" holderText="Doe" />
+        <Input titleInput="Prénom *" holderText="John" />
+        <Input titleInput="E-mail *" holderText="[email protected]" />
+        <Input titleInput="Numéro *" holderText="06 00 00 00 00 00" />
+        <Input titleInput="Adresse *" holderText="75 Rue Boétoile" />
+        <AddDetailsCV objectToAdd="Expériences professionnelles" />
+        <AddDetailsCV objectToAdd="Formations" />
+        <ButtonMaxi textBtn="Enregistrer" />
+      </div>
+    </>
   );
 }
 

diff --git a/frontend/src/pages/Experience/AddExperience.jsx b/frontend/src/pages/Experience/AddExperience.jsx
@@ -5,14 +5,15 @@ import Select from "../../components/Inputs/Select";
 import CheckboxCondition from "../../components/Inputs/CheckboxCondition";
 import Date from "../../components/Inputs/Date";
 import TextArea from "../../components/Inputs/TextArea";
+import HeaderCourt from "../../components/Headers/HeaderCourt";
 
 function AddExperience() {
   return (
-    <div className="container-page-experience">
-      <div>
-        <div className="offre-container">
-          <h1>Ajouter une expérience</h1>
-        </div>
+    <>
+      <HeaderCourt />
+      <div className="container-page with-rounded-border">
+        <h1>Ajouter une expérience</h1>
+
         <div className="container-input">
           <Input titleInput="Intitulé du poste *" holderText="Chef de projet" />
           <Input titleInput="Entreprise *" holderText="Inoxia" />
@@ -30,7 +31,7 @@ function AddExperience() {
         </div>
         <ButtonMaxi textBtn="Ajouter l'expérience" />
       </div>
-    </div>
+    </>
   );
 }
 

diff --git a/frontend/src/pages/Favoris/Favoris.jsx b/frontend/src/pages/Favoris/Favoris.jsx
@@ -1,7 +1,7 @@
 import HeaderLongTitreSsTitre from "../../components/Headers/HeaderLongTitreSsTitre";
 import CardFavoris from "../../components/CardModel/CardFavoris";
 
-function History() {
+function Favoris() {
   return (
     <>
       <HeaderLongTitreSsTitre />
@@ -17,4 +17,4 @@ function History() {
   );
 }
 
-export default History;
+export default Favoris;
diff --git a/frontend/src/pages/Formation/AddFormation.jsx b/frontend/src/pages/Formation/AddFormation.jsx
@@ -3,25 +3,29 @@ import Date from "../../components/Inputs/Date";
 import Input from "../../components/Inputs/Input";
 import Select from "../../components/Inputs/Select";
 import TextArea from "../../components/Inputs/TextArea";
+import HeaderCourt from "../../components/Headers/HeaderCourt";
 
 function AddFormation() {
   return (
     <div>
-      <h1>Ajouter une formation</h1>
-      <Select titleSelect="Niveau d'étude *" valueSelect="Master 2" />
-      <Select titleSelect="Domaine *" />
-      <Input
-        titleInput="Nom de l'établissement *"
-        holderText="Sup de pub"
-        inputType="text"
-      />
-      <Date titleCalendar="Date de début *" />
-      <Date titleCalendar="Date de fin *" />
-      <TextArea
-        titleInput="Description de la formation *"
-        holderText="Lorem ipsum dolor si amet"
-      />
-      <ButtonMaxi textBtn="Ajouter une formation" />
+      <HeaderCourt />
+      <div className="container-page with-rounded-border">
+        <h1>Ajouter une formation</h1>
+        <Select titleSelect="Niveau d'étude *" valueSelect="Master 2" />
+        <Select titleSelect="Domaine *" />
+        <Input
+          titleInput="Nom de l'établissement *"
+          holderText="Sup de pub"
+          inputType="text"
+        />
+        <Date titleCalendar="Date de début *" />
+        <Date titleCalendar="Date de fin *" />
+        <TextArea
+          titleInput="Description de la formation *"
+          holderText="Lorem ipsum dolor si amet"
+        />
+        <ButtonMaxi textBtn="Ajouter une formation" />
+      </div>
     </div>
   );
 }

diff --git a/frontend/src/pages/JobPosteDetail/JobPosteDetail.jsx b/frontend/src/pages/JobPosteDetail/JobPosteDetail.jsx
@@ -7,7 +7,6 @@ function JobPosteDetail() {
   return (
     <>
       <HeaderCourt />
-
       <div className="container-page with-rounded-border">
         <div>
           <div className="offre-date-container">

diff --git a/frontend/src/pages/JobPosteDetail/job-poste-detail.css b/frontend/src/pages/JobPosteDetail/job-poste-detail.css
@@ -74,10 +74,8 @@
 .offre-date-container {
   padding-left: 15px;
   padding-right: 40px;
-  padding-top: 50px;
 
   display: flex;
   flex-direction: column;
   justify-content: center;
-  margin-top: 50px;
 }
diff --git a/frontend/src/pages/ResultatAnnonce/ResultatsAnnonce.jsx b/frontend/src/pages/ResultatAnnonce/ResultatsAnnonce.jsx
@@ -1,3 +1,16 @@
-export default function ResultatsAnnonce() {
-  return <div>ResultatsAnnonce</div>;
+import CardOffre from "../../components/CardModel/CardOffre";
+import HeaderLongTitreSsTitre from "../../components/Headers/HeaderLongTitreSsTitre";
+
+function ResultatAnnonces() {
+  return (
+    <>
+      <HeaderLongTitreSsTitre />
+      <div className="container-page">
+        <CardOffre />
+        <CardOffre />
+        <CardOffre />
+      </div>
+    </>
+  );
 }
+export default ResultatAnnonces;
diff --git a/frontend/src/pages/Search/Search.jsx b/frontend/src/pages/Search/Search.jsx
@@ -0,0 +1,30 @@
+import HeaderCourt from "../../components/Headers/HeaderCourt";
+import ButtonMaxi from "../../components/Boutons/ButtonMaxi";
+import Input from "../../components/Inputs/Input";
+import CheckboxCondition from "../../components/Inputs/CheckboxCondition";
+
+function Search() {
+  return (
+    <div>
+      <HeaderCourt />
+      <div className="container-page with-rounded-border">
+        <h1>Ajouter une expérience</h1>
+
+        <div className="container-input">
+          <Input titleInput="Intitulé du poste *" holderText="Chef de projet" />
+          <Input titleInput="Entreprise *" holderText="Inoxia" />
+
+          <div className="container-checkbox-experience">
+            <CheckboxCondition textCondition="J'occupe ce poste actuellement" />
+            <CheckboxCondition textCondition="J'occupe ce poste actuellement" />
+            <CheckboxCondition textCondition="J'occupe ce poste actuellement" />
+            <CheckboxCondition textCondition="J'occupe ce poste actuellement" />
+          </div>
+
+          <ButtonMaxi textBtn="Ajouter l'expérience" />
+        </div>
+      </div>
+    </div>
+  );
+}
+export default Search;