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

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

C'est très moche (j'aimerais avoir le bouton lien pas une ligne en dessous le logo lien);

front/src/components/ClickableLink.tsx

@@ -1,5 +1,11 @@
-export default function ClickableLink(){
-    <div>
-        prout
-    </div>
+function Link ({text}){
+    return(
+        <button className="LinkNavbar">{text}</button>
+    )
+}
+
+export default function ClickableLink({url, text}) {
+    return (<div>
+        <a href={url}><Link text={text} /></a>
+    </div>)
 }

front/src/components/NavBar.tsx

@@ -1,7 +1,10 @@
 import LogoButton from '../components/LogoButton.tsx'
+import ClickableLink from './ClickableLink.tsx';
 
 export default function NavBar(){
-    return (<div>
-        <LogoButton url="https://archlinux.org" logo ="https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
-    </div>);
+    return (
+    <>
+        <LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
+        <ClickableLink url="https://archlinux.org" text = "Prout" />
+    </>);
 }