front/src/components/ClickableLink.tsx

@@ -1,5 +1,11 @@
-export default function ClickableLink(){
+function Link ({text}){
-    <div>
+    return(
-        prout
+        <button className="LinkNavbar">{text}</button>
-    </div>
+    )
+}
+
+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>
+    return (
+    <>
         <LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
-    </div>);
+        <ClickableLink url="https://archlinux.org" text = "Prout" />
+    </>);
 }