modifié : front/src/components/LogoButton.tsx

modifié :         front/src/components/NavBar.tsx
	modifié :         front/src/index.css
	modifié :         front/src/pages/MainPage.tsx
	front/src/components/Footer.tsx

Ajout du footer

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>
     )
 }

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>

front/src/index.css

@@ -4,4 +4,8 @@
   --color-darkblue: #005792;
   --color-lightblue: #00bbf0;
   --color-yellow: #fdb44b;
+}
+
+footer {
+  text-align: center;
 }

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 />
+        </>
     )
 }