iomentum · Kaayn · Sep 30, 2024 · Sep 30, 2024
diff --git a/Frontend/app/auth/page.tsx b/Frontend/app/auth/page.tsx
@@ -1,11 +1,5 @@
 import { Login } from "../../components/login";
 
 export default function Auth() {
-  return (
-    <main >
-      <div className="flex min-h-screen flex-col items-center justify-between p-24">
-        <Login />
-      </div>
-    </main>
-  );
+  return <Login />;
 }
diff --git a/Frontend/app/form/page.tsx b/Frontend/app/form/page.tsx
@@ -1,11 +1,9 @@
 import PersonalInfoForm from "@/components/personalInfoForm";
 
 export default function Register() {
-    return (
-        <main >
-            <div className="flex min-h-screen flex-col items-center justify-between p-24">
-                <PersonalInfoForm />
-            </div>
-        </main>
-    );
+  return (
+    <main>
+      <PersonalInfoForm />
+    </main>
+  );
 }
diff --git a/Frontend/app/layout.tsx b/Frontend/app/layout.tsx
@@ -7,6 +7,7 @@ import { AuthWrapper } from "@/components/authWrapper";
 import { Toaster } from "@/components/ui/toaster";
 import Footer from "@/components/footer";
 import Header from "@/components/header";
+import { cn } from "@/lib/utils";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -22,17 +23,22 @@ export default function RootLayout({
 }) {
   return (
     <ReactQueryClientProvider>
-      <html lang="en">
-        <body className={inter.className}>
+      <html lang="fr">
+        <body
+          className={cn(
+            inter.className,
+            "min-h-screen relative flex flex-col justify-between"
+          )}
+        >
           <ThemeProvider
             attribute="class"
             defaultTheme="system"
             enableSystem
             disableTransitionOnChange
           >
-            <Header/>
+            <Header />
             <AuthWrapper>{children}</AuthWrapper>
-            <Footer/>
+            <Footer />
             <Toaster />
           </ThemeProvider>
         </body>

diff --git a/Frontend/app/legal-notice/page.tsx b/Frontend/app/legal-notice/page.tsx
@@ -1,11 +1,5 @@
 import LegalNotice from "@/components/legalNotice";
 
 export default function legal() {
-  return (
-      <main >
-          <div className="flex min-h-screen flex-col items-center justify-between p-24">
-              <LegalNotice />
-          </div>
-      </main>
-  );
-}
+  return <LegalNotice />;
+}
diff --git a/Frontend/app/page.tsx b/Frontend/app/page.tsx
@@ -1,46 +1,12 @@
 "use client";
 
-import { uploadResume } from "@/api/upload";
-
 import HomePage from "@/components/home";
-import { toast } from "@/components/ui/use-toast";
-import { useState } from "react";
-import { useMutation } from "react-query";
 
 export type Upload = {
   selectedFile: File;
   userId: string;
 };
 
 export default function Home() {
-  const [selectedFile, setSelectedFile] = useState<File>();
-  const userId = "1";
-  const data = { selectedFile, userId };
-  const { mutate } = useMutation(uploadResume, {
-    onError: () => {
-      toast({
-        variant: "destructive",
-        title: "Upload failed",
-        description: "There was an error uploading the file. Please try again.",
-      });
-    },
-    onSuccess: () => {
-      toast({
-        title: "Upload successful",
-        description: "Your resume has been uploaded successfully!",
-      });
-    },
-  });
-
-  // const onSubmit = async (data: Upload) => {
-  //   mutate(data);
-  //   console.log("data");
-  // };
-  return (
-    <main>
-      <div className="flex justify-center items-center min-h-screen ">
-        <HomePage />
-      </div>
-    </main>
-  );
+  return <HomePage />;
 }
diff --git a/Frontend/app/profile/page.tsx b/Frontend/app/profile/page.tsx
@@ -30,10 +30,6 @@ const ProfilePage = () => {
       .catch((error) => console.error("Failed to get user:", error));
   }, [user, userId]);
 
-  return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <Profile data={user} cvList={cvList} />
-    </main>
-  );
+  return <Profile data={user} cvList={cvList} />;
 };
 export default ProfilePage;
diff --git a/Frontend/app/register/page.tsx b/Frontend/app/register/page.tsx
@@ -1,11 +1,5 @@
 import RegisterForm from "@/components/register";
 
 export default function Register() {
-    return (
-        <main >
-            <div className="flex min-h-screen flex-col items-center justify-between p-24">
-                <RegisterForm />
-            </div>
-        </main>
-    );
+  return <RegisterForm />;
 }
diff --git a/Frontend/components/footer.tsx b/Frontend/components/footer.tsx
@@ -1,8 +1,8 @@
-import { version } from "../package.json"
+import { version } from "../package.json";
 
 const Footer = () => {
   return (
-    <footer className="p-4 border-t bg-card">
+    <footer className="pt-10 px-4 border-t bg-card">
       <div className="max-w-[1400px] mx-auto flex items-center justify-center gap-1 flex-col sm:flex-row sm:gap-5">
         <p className="text-muted-foreground">
           © {new Date().getFullYear()} Jobbi - Tout droits résérvés
@@ -20,4 +20,4 @@ const Footer = () => {
   );
 };
 
-export default Footer;
+export default Footer;
diff --git a/Frontend/components/home.tsx b/Frontend/components/home.tsx
@@ -1,5 +1,5 @@
-import React from 'react';
-import { ArrowRight, FileText, Search, Share2 } from 'lucide-react';
+import React from "react";
+import { ArrowRight, FileText, Search, Share2 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import Link from 'next/link';
@@ -9,7 +9,6 @@ const HomePage = () => {
     const token = $accessToken.get();
 
     return (
-        <div className="min-h-screen bg-background">
             <main className="pt-20 sm:pt-24 lg:pt-32"> {/* Ajout de padding-top ici */}
                 <section className="container mx-auto py-12 px-4 sm:px-6 lg:px-8">
                     <div className="text-center">
@@ -61,8 +60,9 @@ const HomePage = () => {
                     </div>
                 </section>
             </main>
-        </div>
-    );
+      </section>
+    </main>
+  );
 };
 
-export default HomePage;
+export default HomePage;