adding required pages

IslemMedjahdi · Jan 4, 2023 · f68bb13 · f68bb13
1 parent af7df3d
commit f68bb13
Show file tree

Hide file tree

Showing 11 changed files with 117 additions and 10 deletions.
diff --git a/src/components/add-announcement/AddAnnouncementIndex.tsx b/src/components/add-announcement/AddAnnouncementIndex.tsx
@@ -0,0 +1,9 @@
+const AddAnnouncementIndex = () => {
+  return (
+    <div className="flex justify-center">
+      <div className="container">AddAnnouncementIndex</div>
+    </div>
+  );
+};
+
+export default AddAnnouncementIndex;
diff --git a/src/components/layout/header/ProfileMenu.tsx b/src/components/layout/header/ProfileMenu.tsx
@@ -1,6 +1,7 @@
 import { Menu, Transition } from "@headlessui/react";
 import Link from "next/link";
 import { Fragment } from "react";
+import { ICONS } from "../../../constants/icons";
 import { MENU_NAV } from "../../../constants/menuNav";
 import { NAV } from "../../../constants/nav";
 import { ROUTES } from "../../../constants/routes";
@@ -37,7 +38,7 @@ const ProfileMenu = () => {
             <Menu.Item>
               <Link
                 href={ROUTES.HOME.path}
-                className="flex items-center gap-x-2 px-3 py-2 text-sm font-medium hover:bg-gray-50 "
+                className="flex items-center gap-x-2 px-2 py-2 text-sm font-medium hover:bg-gray-50 "
               >
                 <div>
                   <ProfileImage />
@@ -55,28 +56,37 @@ const ProfileMenu = () => {
             {MENU_NAV.map((item, index) => (
               <Menu.Item key={index}>
                 <Link
-                  className="flex flex-wrap items-center gap-x-2 px-3 py-4 text-sm font-medium  hover:bg-gray-50"
+                  className="flex flex-wrap items-center gap-x-2 px-2 py-2 text-sm font-medium  hover:bg-gray-50"
                   href={item.path}
                 >
-                  {item.name}
+                  <div className="flex h-10 w-10 items-center justify-center">
+                    <item.Icon className="text-xl text-gray-700" />
+                  </div>
+                  <span> {item.name}</span>
                 </Link>
               </Menu.Item>
             ))}
             {NAV.map((item, index) => (
               <Menu.Item key={index}>
                 <Link
-                  className="flex flex-wrap items-center gap-x-2 px-2 py-4 text-sm font-medium hover:bg-gray-50 md:hidden "
+                  className="flex flex-wrap items-center gap-x-2 px-2 py-2 text-sm font-medium hover:bg-gray-50 md:hidden "
                   href={item.path}
                 >
-                  {item.name}
+                  <div className="flex h-10 w-10 items-center justify-center">
+                    <item.Icon className="text-xl text-gray-700" />
+                  </div>
+                  <span> {item.name}</span>
                 </Link>
               </Menu.Item>
             ))}
             <Menu.Item>
               <div
                 onClick={signOut}
-                className="flex cursor-pointer flex-wrap items-center gap-x-2 px-2 py-4 text-sm font-medium hover:bg-gray-50"
+                className="flex cursor-pointer flex-wrap items-center gap-x-2 px-2 py-2 text-sm font-medium hover:bg-gray-50"
               >
+                <div className="flex h-10 w-10 items-center justify-center">
+                  <ICONS.SignOut className="text-xl text-gray-700" />
+                </div>
                 <p>Se déconnecter</p>
               </div>
             </Menu.Item>

diff --git a/src/components/posted-announcement/PostedAnnouncementIndex.tsx b/src/components/posted-announcement/PostedAnnouncementIndex.tsx
@@ -0,0 +1,9 @@
+const PostedAnnouncementIndex: React.FC = () => {
+  return (
+    <div className="flex justify-center">
+      <div className="container">PostedAnnouncement</div>
+    </div>
+  );
+};
+
+export default PostedAnnouncementIndex;
diff --git a/src/constants/icons.ts b/src/constants/icons.ts
@@ -1,5 +1,17 @@
+import {
+  BsBookmarkHeart,
+  BsEnvelope,
+  BsFolder,
+  BsGear,
+  BsPersonX,
+} from "react-icons/bs";
 import { FiMenu } from "react-icons/fi";
 
 export const ICONS = {
   MENU: FiMenu,
+  Envelope: BsEnvelope,
+  Favorite: BsBookmarkHeart,
+  Posted: BsFolder,
+  SignOut: BsPersonX,
+  Settings: BsGear,
 };
diff --git a/src/constants/menuNav.ts b/src/constants/menuNav.ts
@@ -1,3 +1,3 @@
 import { ROUTES } from "./routes";
 
-export const MENU_NAV = [ROUTES.MESSAGES];
+export const MENU_NAV = [ROUTES.MESSAGES, ROUTES.SETTINGS];
diff --git a/src/constants/routes.ts b/src/constants/routes.ts
@@ -1,8 +1,9 @@
+import { ICONS } from "./icons";
 import { ROLES } from "./roles";
 
 export const ROUTES = {
   AUTH: {
-    name: "auth",
+    name: "Auth",
     path: "/auth",
     pathname: "/auth",
     allowedRoles: [] as ROLES[],
@@ -18,17 +19,33 @@ export const ROUTES = {
     path: "/posted-announcements",
     pathname: "/posted-announcements",
     allowedRoles: [ROLES.USER],
+    Icon: ICONS.Posted,
+  },
+  ADD_ANNOUNCEMENTS: {
+    name: "Ajouter une annonce",
+    path: "/posted-announcements/create",
+    pathname: "/posted-announcements/create",
+    allowedRoles: [ROLES.USER],
   },
   FAVORITE_ANNOUNCEMENTS: {
     name: "Annonces préférées",
     path: "/favorite-announcements",
     pathname: "/favorite-announcements",
     allowedRoles: [ROLES.USER],
+    Icon: ICONS.Favorite,
   },
   MESSAGES: {
     name: "Mes messages",
     path: "/messages",
     pathname: "/messages",
     allowedRoles: [ROLES.USER],
+    Icon: ICONS.Envelope,
+  },
+  SETTINGS: {
+    name: "Paramètres",
+    path: "/settings",
+    pathname: "/settings",
+    allowedRoles: [ROLES.ADMIN, ROLES.USER],
+    Icon: ICONS.Settings,
   },
 };
diff --git a/src/pages/auth.tsx b/src/pages/auth.tsx
@@ -2,11 +2,12 @@ import { NextPage } from "next";
 import { NextSeo } from "next-seo";
 
 import AuthIndex from "../components/auth/AuthIndex";
+import { ROUTES } from "../constants/routes";
 
 const Auth: NextPage = () => {
   return (
     <>
-      <NextSeo title="Auth" />
+      <NextSeo title={ROUTES.AUTH.name} />
       <AuthIndex />
     </>
   );

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,10 +1,11 @@
 import { NextPage } from "next";
 import { NextSeo } from "next-seo";
+import { ROUTES } from "../constants/routes";
 
 const Home: NextPage = () => {
   return (
     <>
-      <NextSeo title="Accueille" />
+      <NextSeo title={ROUTES.HOME.name} />
       <div>This is home page</div>
     </>
   );

diff --git a/src/pages/posted-announcements/create.tsx b/src/pages/posted-announcements/create.tsx
@@ -0,0 +1,15 @@
+import { NextPage } from "next";
+import { NextSeo } from "next-seo";
+import AddAnnouncementIndex from "../../components/add-announcement/AddAnnouncementIndex";
+import { ROUTES } from "../../constants/routes";
+
+const AddAnnouncement: NextPage = () => {
+  return (
+    <>
+      <NextSeo title={ROUTES.ADD_ANNOUNCEMENTS.name} />
+      <AddAnnouncementIndex />
+    </>
+  );
+};
+
+export default AddAnnouncement;
diff --git a/src/pages/posted-announcements/index.tsx b/src/pages/posted-announcements/index.tsx
@@ -0,0 +1,15 @@
+import { NextPage } from "next";
+import { NextSeo } from "next-seo";
+import PostedAnnouncementIndex from "../../components/posted-announcement/PostedAnnouncementIndex";
+import { ROUTES } from "../../constants/routes";
+
+const PostedAnnouncements: NextPage = () => {
+  return (
+    <>
+      <NextSeo title={ROUTES.POSTED_ANNOUNCEMENTS.name} />
+      <PostedAnnouncementIndex />
+    </>
+  );
+};
+
+export default PostedAnnouncements;
diff --git a/src/services/annoucement.service.ts b/src/services/annoucement.service.ts
@@ -0,0 +1,18 @@
+//import axios from "../constants/axios";
+
+class AnnouncementService {
+  private static instance: AnnouncementService;
+  public static getInstance(): AnnouncementService {
+    if (!this.instance) {
+      this.instance = new AnnouncementService();
+    }
+    return this.instance;
+  }
+  constructor() {
+    console.log("AnnouncementService constructor");
+  }
+
+  // here put all announcements requests
+}
+
+export default AnnouncementService;