New Updated Code

utsavpatel562 · Oct 7, 2024 · 21ad126 · 21ad126
1 parent 16a5270
commit 21ad126
Show file tree

Hide file tree

Showing 9 changed files with 45 additions and 13 deletions.
diff --git a/src/aboutme/index.jsx b/src/aboutme/index.jsx
@@ -4,6 +4,7 @@ import { FaInstagram } from "react-icons/fa6";
 import { FiGithub } from "react-icons/fi";
 import { FaLinkedinIn } from "react-icons/fa";
 import { Link } from "react-router-dom";
+import Footer from "@/components/Footer";
 
 function AboutUs() {
   return (
@@ -67,6 +68,7 @@ function AboutUs() {
             </article>
           </div>
         </div>
+        <Footer />
       </div>
     </>
   );

diff --git a/src/listing-details/components/Description.jsx b/src/listing-details/components/Description.jsx
@@ -7,7 +7,7 @@ function Description({ carDetail }) {
         {carDetail?.listingDescription ? (
           <div className="p-8 rounded-xl bg-white shadow-md mt-6 border">
             <h2 className="my-2 font-medium text-2xl">Description</h2>
-            <p>{carDetail?.listingDescription}</p>
+            <p className="text-justify">{carDetail?.listingDescription}</p>
           </div>
         ) : (
           <div className="w-full h-[100px] mt-7 bg-slate-200 animate-pulse"></div>

diff --git a/src/listing-details/components/OwnerDetail.jsx b/src/listing-details/components/OwnerDetail.jsx
@@ -47,7 +47,10 @@ function OwnerDetail({ carDetail }) {
   };
   return (
     <>
-      <div className="p-6 md:p-8 border rounded-xl shadow-md mt-5 md:mt-7 max-w-full sm:max-w-md md:max-w-lg lg:max-w-xl">
+      <div
+        className="p-6 md:p-8 border rounded-xl shadow-md mt-5 md:mt-7 max-w-full sm:max-w-md md:max-w-lg lg:max-w-xl"
+        id="gotomsg"
+      >
         <h2 className="font-medium text-xl md:text-2xl mb-2 md:mb-3">
           Owner Details
         </h2>

diff --git a/src/listing-details/components/Pricing.jsx b/src/listing-details/components/Pricing.jsx
@@ -7,10 +7,12 @@ function Pricing({ carDetail }) {
       <div className="p-8 rounded-xl border shadow-md">
         <h2 className="font-semibold">Our Price</h2>
         <h2 className="font-bold text-4xl mt-1">${carDetail?.originalPrice}</h2>
-        <Button className="w-full mt-7 rounded-lg" size="lg">
-          <IoMdPricetag className="text-lg mr-2" />
-          Make An Offer Price
-        </Button>
+        <a href="#gotomsg">
+          <Button className="w-full mt-7 rounded-lg" size="lg">
+            <IoMdPricetag className="text-lg mr-2" />
+            Make An Offer Price
+          </Button>
+        </a>
       </div>
     </>
   );

diff --git a/src/newMenu/index.jsx b/src/newMenu/index.jsx
@@ -6,6 +6,7 @@ import { db } from "../../configs";
 import Services from "@/Shared/Services";
 import { MdOutlinePostAdd } from "react-icons/md";
 import CarItem from "@/components/CarItem";
+import Footer from "@/components/Footer";
 
 const New = () => {
   const [carList, setCarList] = useState([]);
@@ -47,6 +48,7 @@ const New = () => {
           <p>No Cars Available</p>
         )}
       </div>
+      <Footer />
     </>
   );
 };

diff --git a/src/profile/components/Inbox.jsx b/src/profile/components/Inbox.jsx
@@ -28,7 +28,7 @@ function Inbox() {
               appId={import.meta.env.VITE_SENDBIRD_APP_ID}
             >
               <div className="grid grid-cols-1 gap-5 md:grid-cols-3 h-full">
-                <div className="p-5 border shadow-lg">
+                <div className="p-5 border shadow-lg flex justify-center rounded-lg">
                   <GroupChannelList
                     onChannelSelect={(channel) => {
                       setChannelUrl(channel?.url);
@@ -38,7 +38,7 @@ function Inbox() {
                     }}
                   />
                 </div>
-                <div className="md:col-span-2 shadow-lg">
+                <div className="md:col-span-2 shadow-lg flex rounded-lg">
                   <GroupChannel channelUrl={channelUrl} />
                 </div>
               </div>

diff --git a/src/profile/components/MyProfile.jsx b/src/profile/components/MyProfile.jsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+function MyProfile() {
+  return (
+    <>
+      <div className="text-center">
+        <h2 className="font-bold text-2xl sm:text-3xl mt-3">My Profile</h2>
+        <h2 className="font-bold text-gray-700 text-2xl mt-2 mb-40">
+          Section under development
+        </h2>
+      </div>
+    </>
+  );
+}
+
+export default MyProfile;
diff --git a/src/profile/index.jsx b/src/profile/index.jsx
@@ -6,6 +6,8 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { MdAllInbox } from "react-icons/md";
 import { CgProfile } from "react-icons/cg";
 import Inbox from "./components/Inbox";
+import Footer from "@/components/Footer";
+import MyProfile from "./components/MyProfile";
 
 function Profile() {
   return (
@@ -43,9 +45,12 @@ function Profile() {
             <TabsContent value="inbox">
               <Inbox />
             </TabsContent>
-            <TabsContent value="profile">profile</TabsContent>
+            <TabsContent value="profile">
+              <MyProfile />
+            </TabsContent>
           </Tabs>
         </div>
+        <Footer />
       </div>
     </>
   );

diff --git a/src/search/index.jsx b/src/search/index.jsx
@@ -8,6 +8,7 @@ import { useSearchParams } from "react-router-dom";
 import Header from "@/components/Header";
 import Search from "@/components/Search";
 import CarItem from "@/components/CarItem";
+import Footer from "@/components/Footer";
 
 function SearchByOptions() {
   const [searchParam] = useSearchParams();
@@ -40,22 +41,23 @@ function SearchByOptions() {
       <div>
         <Header />
         <div></div>
-        <div className="p-10 md:px-20">
-          <h2 className="font-bold text-4xl">Search Result</h2>
-          <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-5 mt-7">
+        <div className="p-4 md:p-10 lg:px-20">
+          <h2 className="font-bold text-2xl md:text-4xl">Search Result</h2>
+          <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-5 mt-5">
             {carList?.length > 0 ? (
               carList.map((item, index) => (
                 <div key={index}>
                   <CarItem car={item} />
                 </div>
               ))
             ) : (
-              <div className="text-lg font-semibold text-gray-600">
+              <div className="text-lg font-semibold text-gray-600 col-span-full text-center">
                 No Search Result Found...
               </div>
             )}
           </div>
         </div>
+        <Footer />
       </div>
     </>
   );