From 7d8dd263eb66c3afe708bc582f8fc88836e63f7a Mon Sep 17 00:00:00 2001
From: ChenNux <chennux945@gmail.com>
Date: Fri, 6 Dec 2024 00:23:24 +0100
Subject: [PATCH] =?UTF-8?q?=09modifi=C3=A9=C2=A0:=20=20=20=20=20=20=20=20?=
 =?UTF-8?q?=20front/src/components/LogoButton.tsx=20=09modifi=C3=A9=C2=A0:?=
 =?UTF-8?q?=20=20=20=20=20=20=20=20=20front/src/components/NavBar.tsx=20?=
 =?UTF-8?q?=09modifi=C3=A9=C2=A0:=20=20=20=20=20=20=20=20=20front/src/inde?=
 =?UTF-8?q?x.css=20=09modifi=C3=A9=C2=A0:=20=20=20=20=20=20=20=20=20front/?=
 =?UTF-8?q?src/pages/MainPage.tsx=20=09front/src/components/Footer.tsx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ajout du footer
---
 front/src/components/LogoButton.tsx | 9 ++++++---
 front/src/components/NavBar.tsx     | 2 +-
 front/src/index.css                 | 4 ++++
 front/src/pages/MainPage.tsx        | 4 ++++
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/front/src/components/LogoButton.tsx b/front/src/components/LogoButton.tsx
index f086479..bc41d3c 100644
--- a/front/src/components/LogoButton.tsx
+++ b/front/src/components/LogoButton.tsx
@@ -1,10 +1,13 @@
+import * as React from 'react';
+
 interface LogoButtonProps {
     url:string;
-    logo:string
+    logo:string;
+    style?: React.CSSProperties;
 }
 
-export default function LogoButton ({url, logo}: LogoButtonProps) {
+export default function LogoButton ({url, logo, style}: LogoButtonProps) {
     return (
-    <a href={url}><img src={logo}/></a>
+    <a href={url}><img src={logo} style={{ ...style }}/></a>
     )
 }
\ No newline at end of file
diff --git a/front/src/components/NavBar.tsx b/front/src/components/NavBar.tsx
index 7f8ab2f..7c170d9 100644
--- a/front/src/components/NavBar.tsx
+++ b/front/src/components/NavBar.tsx
@@ -6,7 +6,7 @@ export default function NavBar(){
     return (
     <nav style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}>
         <div style={{ display : "flex",  alignItems: "center", flexDirection: "row"}}>
-            <LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
+            <LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png"/>
             <ClickableLink url="https://archlinux.org" text = "Prout" />
             <ClickableLink url="https://archlinux.org" text = "Prout2" />
         </div>
diff --git a/front/src/index.css b/front/src/index.css
index 790438d..3df401a 100644
--- a/front/src/index.css
+++ b/front/src/index.css
@@ -4,4 +4,8 @@
   --color-darkblue: #005792;
   --color-lightblue: #00bbf0;
   --color-yellow: #fdb44b;
+}
+
+footer {
+  text-align: center;
 }
\ No newline at end of file
diff --git a/front/src/pages/MainPage.tsx b/front/src/pages/MainPage.tsx
index 860455e..d5e62a8 100644
--- a/front/src/pages/MainPage.tsx
+++ b/front/src/pages/MainPage.tsx
@@ -1,11 +1,15 @@
 import ArticlesSection from '../components/ArticlesSection.tsx'
 import NavBar from '../components/NavBar.tsx'
+import Footer from '../components/Footer.tsx'
 
 export default function MainPage() {
     return (
+        <>
         <div>
             <NavBar />
             <ArticlesSection />
         </div>
+        <Footer />
+        </>
     )
 }
\ No newline at end of file