From 51e551bd899863da3ae969dabaed160f61ab0f95 Mon Sep 17 00:00:00 2001
From: shuvadeepmondal <121492365+shuvadeepmondal@users.noreply.github.com>
Date: Tue, 27 Aug 2024 23:43:20 +0530
Subject: [PATCH] New Route

---
 .../src/components/offer request/OfferReq.tsx | 134 ------------------
 .../src/components/offer request/Pevoffer.tsx |  36 -----
 apps/frontend/src/components/ui/Navbar.tsx    |   5 +-
 3 files changed, 4 insertions(+), 171 deletions(-)
 delete mode 100644 apps/frontend/src/components/offer request/Pevoffer.tsx

diff --git a/apps/frontend/src/components/offer request/OfferReq.tsx b/apps/frontend/src/components/offer request/OfferReq.tsx
index 689fc37..456f699 100644
--- a/apps/frontend/src/components/offer request/OfferReq.tsx	
+++ b/apps/frontend/src/components/offer request/OfferReq.tsx	
@@ -1,137 +1,3 @@
-// const OfferReqForm= () => {
-
-//     return (
-//       <div>
-//         <h2 className="mt-5 ml-[210px] text-3xl font-semibold">New Offer<span className="text-blue-500" > Request</span></h2>
-//         <div className="justify-center items-center w-[700px] h-[450px] p-10 bg-slate-100  dark:bg-slate-800 mt-5 mb-14 shadow-lg rounded-2xl hover:scale-[1.05]">
-//           <div className="grid gap-8 grid-cols-1">
-//             <div className="flex flex-col">
-//               <div className="mt-2">
-//                 <form>
-//                   <div className="md:flex md:flex-row md:space-x-4 w-full text-xs">
-//                   <div className="w-full flex flex-col mb-3">
-//                       <label className="font-semibold text-gray-600 py-2 dark:text-gray-300  ml-2">
-//                         Your Role<abbr title="required"/>*
-//                       </label>
-//                       <select
-//                         className="block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded-lg h-10 px-4 md:w-full dark:bg-gray-700 dark:text-white"
-//                         required
-//                         name="role"
-//                       >
-//                         <option value="">Choose</option>
-//                         <option value="">Owner</option>
-//                         <option value="">Member</option>
-  
-//                       </select>
-//                     </div> 
-//                     <div className="w-full flex flex-col mb-3">
-//                       <label className="font-semibold text-gray-600 py-2 dark:text-gray-300 ml-2">
-//                         Category<abbr title="required"/>*
-//                       </label>
-//                       <select
-//                         className="block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded-lg h-10 px-4 md:w-full dark:bg-gray-700 dark:text-white"
-//                         required
-//                         name="Category"
-//                       >
-//                         <option value="">Choose </option>
-//                         <option value="">A</option>
-//                         <option value="">B</option>
-//                         <option value="">C</option>
-//                         <option value="">D</option>
-//                       </select>
-//                     </div>
-//                     <div className="w-full flex flex-col mb-3">
-//                       <label className="font-semibold text-gray-600 py-2 dark:text-gray-300 ml-2">
-//                         Cost<abbr title="required"/>*
-//                       </label>
-//                       <select
-//                         className="block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded-lg h-10 px-4 md:w-full dark:bg-gray-700 dark:text-white"
-//                         required
-//                         name="role"
-//                       > 
-//                         <option value="">Choose</option>
-//                         <option value="">Free</option>
-//                         <option value="">Paid</option>
-  
-//                       </select>
-//                     </div> 
-//                     <div className="w-full flex flex-col mb-3">
-//                       <label className="font-semibold text-gray-600 py-2 dark:text-gray-300 ml-2">
-//                         Your Role<abbr title="required"/>*
-//                       </label>
-//                       <select
-//                         className="block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded-lg h-10 px-4 md:w-full dark:bg-gray-700 dark:text-white"
-//                         required
-//                         name="role"
-//                       >
-//                         <option value="">Choose</option>     
-//                         <option value="">Owner</option>
-//                         <option value="">Member</option>
-  
-//                       </select>
-//                     </div> 
-//                   </div>
-//                   <div className="text-xs">
-//                   <div className="w-full flex flex-col mb-3">
-//                       <label className="font-semibold text-gray-600 py-2 dark:text-gray-300 ml-2">
-//                         Upload Your Post
-//                       </label>
-//                   </div>
-//                   <div className="flex w-full text-xs">    
-//                     <input
-//                     className="border ml-2 w-[230px]  bg-white"
-//                     type="file"
-//                      />
-//                   <button
-//                       type="submit"
-//                       className="w-[80px] mb-2 ml-3 md:mb-0 bg-blue-400 px-1 py-1 text-xs font-medium tracking-wider border text-white rounded-full hover:shadow-lg hover:bg-blue-500"
-//                     >
-//                       Upload
-//                     </button>
-//                     </div>
-//                  </div>
-
-//                  <div className="w-full flex flex-col mb-2 text-xs">
-//                     <label className="font-semibold text-gray-600 py-2 dark:text-gray-300 ml-2">Your Address<abbr title="required"/>*</label>
-//                   </div>
-//                   <div className="flex w-full text-xs"> 
-//                     <input
-//                     className="border ml-2 w-[230px] p-2 bg-white rounded-lg"
-//                     type="location"
-//                      />
-//                     <button></button> 
-//                   </div>
-
-//                   <div className="flex-auto w-full mt-3 mb-1 text-xs space-y-2">
-//                     <label className="font-semibold text-gray-600 py-2 dark:text-gray-300 ml-2">Offer Description</label>
-//                     <textarea
-//                       required
-//                       name="description"
-//                       className="w-full min-h-[100px] max-h-[300px] h-28 appearance-none block bg-grey-lighter text-grey-darker border border-grey-lighter rounded-lg py-4 px-4 dark:bg-gray-700 dark:text-white"
-//                       placeholder="Enter your description"
-//                     ></textarea>  
-//                   </div>
-//                   <div className="mt-5 text-right md:space-x-3 md:block flex flex-col-reverse">
-//                     <button
-//                       type="submit"
-//                       className="mt-5 mr-[245px] justify-center text-center w-[150px] border rounded-3xl active:scale-[.98] active:duration-75 hover:scale-[1.01] ease-in-out transition-all p-2 bg-gradient-to-r from-blue-700 to-blue-500 text-white text-lg font-semibold"
-//                     >
-//                       Request →
-//                     </button>
-
-
-//                   </div>
-//                 </form>
-//               </div>
-//             </div>
-//           </div>
-//         </div>
-//       </div>
-//     );
-//   };
-  
-//   export default OfferReqForm;
-
 
 import { Link } from "react-router-dom"
 
diff --git a/apps/frontend/src/components/offer request/Pevoffer.tsx b/apps/frontend/src/components/offer request/Pevoffer.tsx
deleted file mode 100644
index ea8ef07..0000000
--- a/apps/frontend/src/components/offer request/Pevoffer.tsx	
+++ /dev/null
@@ -1,36 +0,0 @@
-import book from "../../assets/book feed.png"
-import { Pencil } from 'lucide-react';
-import { Trash2 } from 'lucide-react';
-
-
-export default function Pevoffer() {
-  return (
-    <main>
-      <h2 className="ml-[190px] text-3xl font-semibold">Your Previous<span className="text-blue-500"> Offers</span></h2>
-       <div className="mt-[20px] w-[700px] h-[100px] px-3 py-2 bg-gradient-to-r from-slate-100 to-slate-200 rounded-3xl dark:bg-slate-800 shadow-lg active:duration-100 hover:scale-[1.17] ease-in-out transition-all">
-          <div className="flex justify-between">
-            <div className="p-3 flex gap-4">
-              <img src={book} className="h-[50px] w-[50px]"/>
-            <h2 className="mt-2 text-2xl font-semibold">FreeBook Distribution</h2>
-            </div>
-            <div className="flex text-end gap-[60px] text-slate-700 mt-6 mr-[50px] cursor-pointer">
-            <Pencil/>
-            <Trash2/>
-          </div>
-       </div>
-     </div>
-     <div className="mt-[20px] w-[700px] h-[100px] px-3 py-2 bg-gradient-to-r from-slate-100 to-slate-200 rounded-3xl dark:bg-slate-800 shadow-lg active:duration-100 hover:scale-[1.17] ease-in-out transition-all">
-      <div className="flex justify-between">
-        <div className="p-3 flex gap-4">
-            <img src={book} className="h-[50px] w-[50px]"/>
-           <h2 className="mt-2 text-2xl font-semibold">FreeBook Distribution</h2>
-        </div>
-        <div className="flex text-end gap-[60px] text-slate-700 mt-6 mr-[50px] cursor-pointer">
-         <Pencil/>
-         <Trash2/>
-        </div>
-      </div>
-    </div>
-    </main>
-  )
-}
diff --git a/apps/frontend/src/components/ui/Navbar.tsx b/apps/frontend/src/components/ui/Navbar.tsx
index f97c05f..2d0d004 100644
--- a/apps/frontend/src/components/ui/Navbar.tsx
+++ b/apps/frontend/src/components/ui/Navbar.tsx
@@ -54,7 +54,10 @@ const Navbar: React.FC = () => {
                 <Link to="/feeds" className="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500" aria-current="page">Community Updates</Link>
               </li>
               <li>
-                <Link to="/services" className="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Request Help</Link>
+                <Link to="/services" className="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Service</Link>
+              </li>              
+              <li>
+                <Link to="/help-request" className="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Request Help</Link>
               </li>
               <li>
                 <Link to="/offer-support" className="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">Offer Support</Link>