From 265157bbe136612b6fc9d8941c7a6ad50b9414fc Mon Sep 17 00:00:00 2001
From: ChenNux <chennux945@gmail.com>
Date: Thu, 5 Dec 2024 21:34:24 +0100
Subject: [PATCH] =?UTF-8?q?=09nouveau=20fichier=C2=A0:=20front/src/compone?=
 =?UTF-8?q?nts/ClickableLink.tsx=20=09nouveau=20fichier=C2=A0:=20front/src?=
 =?UTF-8?q?/components/LogoButton.tsx=20=09nouveau=20fichier=C2=A0:=20fron?=
 =?UTF-8?q?t/src/components/NavBar.tsx=20=09modifi=C3=A9=C2=A0:=20=20=20?=
 =?UTF-8?q?=20=20=20=20=20=20front/src/main.tsx=20=09modifi=C3=A9=C2=A0:?=
 =?UTF-8?q?=20=20=20=20=20=20=20=20=20front/src/pages/MainPage.tsx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/ClickableLink.tsx |  5 +++++
 front/src/components/LogoButton.tsx    | 11 +++++++++++
 front/src/components/NavBar.tsx        |  7 +++++++
 front/src/main.tsx                     |  5 +++--
 front/src/pages/MainPage.tsx           |  5 ++---
 5 files changed, 28 insertions(+), 5 deletions(-)
 create mode 100644 front/src/components/ClickableLink.tsx
 create mode 100644 front/src/components/LogoButton.tsx
 create mode 100644 front/src/components/NavBar.tsx

diff --git a/front/src/components/ClickableLink.tsx b/front/src/components/ClickableLink.tsx
new file mode 100644
index 0000000..9334e71
--- /dev/null
+++ b/front/src/components/ClickableLink.tsx
@@ -0,0 +1,5 @@
+export default function ClickableLink(){
+    <div>
+        prout
+    </div>
+}
\ No newline at end of file
diff --git a/front/src/components/LogoButton.tsx b/front/src/components/LogoButton.tsx
new file mode 100644
index 0000000..b4da75b
--- /dev/null
+++ b/front/src/components/LogoButton.tsx
@@ -0,0 +1,11 @@
+function Logo({logo}){
+    return (
+        <img src={logo} />
+    )
+ }
+
+export default function LogoButton ({url, logo}) {
+    return (
+    <a href={url}><Logo logo={logo}/></a>
+    )
+}
\ No newline at end of file
diff --git a/front/src/components/NavBar.tsx b/front/src/components/NavBar.tsx
new file mode 100644
index 0000000..2980646
--- /dev/null
+++ b/front/src/components/NavBar.tsx
@@ -0,0 +1,7 @@
+import LogoButton from '../components/LogoButton.tsx'
+
+export default function NavBar(){
+    return (<div>
+        <LogoButton url="https://archlinux.org" logo ="https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
+    </div>);
+}
\ No newline at end of file
diff --git a/front/src/main.tsx b/front/src/main.tsx
index bef5202..ed573f9 100644
--- a/front/src/main.tsx
+++ b/front/src/main.tsx
@@ -1,10 +1,11 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
-import App from './App.tsx'
+// import App from './App.tsx'
+import MainPage from './pages/MainPage'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+    <MainPage />
   </StrictMode>,
 )
diff --git a/front/src/pages/MainPage.tsx b/front/src/pages/MainPage.tsx
index 248feb2..2a76825 100644
--- a/front/src/pages/MainPage.tsx
+++ b/front/src/pages/MainPage.tsx
@@ -1,10 +1,9 @@
-
-
+import NavBar from '../components/NavBar.tsx'
 
 export default function MainPage() {
     return (
         <div>
-            <h1>Main Page</h1>
+            <NavBar />
         </div>
     )
 }
\ No newline at end of file