From 79ccdebf309e8abb983464ebf9c397e632ca7cbc Mon Sep 17 00:00:00 2001
From: Nguirane120 <79750993+Nguirane120@users.noreply.github.com>
Date: Wed, 30 Oct 2024 11:27:29 +0000
Subject: [PATCH] Ajout d'un bouton pour retourner a la page d'accueil (#44)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Update CONTRIBUTING.md

* Update CONTRIBUTING.md

* Update CONTRIBUTING.md

* Amélioration du footer: ajout de liens fonctionnels

* ajout d'un boutton dans CompnentDetails pour retourner a la page d'accueil

* chore: remove unnecessary component definition

You were just adding a back-to-home button, didn't need to define a new
component for our "library".

* refac: move the back-to-home to `page.tsx`

You were displaying the `back-to-home` button in `ComponentDetails`
 where it was being displayed multiple times.

---------

Co-authored-by: Moussa Alkaly BADJI <89929592+Alkaly02@users.noreply.github.com>
Co-authored-by: Abdoulaye NDOYE <pa.ndoye@outlook.fr>
---
 app/components/[componentName]/page.tsx         |  7 ++++++-
 components/TheFooter.tsx                        | 17 +++++++++++------
 public/components/galsen-ui-footer-links/1.html | 17 +++++++++++++++++
 3 files changed, 34 insertions(+), 7 deletions(-)
 create mode 100644 public/components/galsen-ui-footer-links/1.html

diff --git a/app/components/[componentName]/page.tsx b/app/components/[componentName]/page.tsx
index 3aefff8..804112a 100644
--- a/app/components/[componentName]/page.tsx
+++ b/app/components/[componentName]/page.tsx
@@ -4,6 +4,7 @@ import { serialize } from 'next-mdx-remote/serialize'
 import RemoteMdxWrapper from "@/components/Mdx/RemoteMdxWrapper";
 import RenderHTMLFiles from '@/components/galsenUiComponents/RenderHTMLFiles';
 import H1 from "@/components/Mdx/H1";
+import Link from "next/link";
 
 
 type PageProps = {
@@ -36,7 +37,11 @@ export default async function Page({ params }: PageProps) {
   return (
     <main className="">
       <section className="px-4 py-16 sm:max-w-7xl sm:mx-auto">
-
+        <Link href="/" passHref>
+          <button className="py-2 px-4 mb-3 bg-blue-500 text-white rounded hover:bg-blue-600">
+            Back to Home
+          </button>
+        </Link>
         <RemoteMdxWrapper
           mdxSource={mdxSource}
           mdxScope={mdxScope}
diff --git a/components/TheFooter.tsx b/components/TheFooter.tsx
index bd66600..6e58b04 100644
--- a/components/TheFooter.tsx
+++ b/components/TheFooter.tsx
@@ -3,12 +3,17 @@ export default function TheFooter() {
     <footer className="mt-14 border-t border-neutral-100">
       <div className="px-4 py-5 flex flex-col gap-2 items-center justify-between sm:max-w-7xl sm:mx-auto sm:flex-row md:py-8">
         <span>&copy; Galsen UI. Tous droits réservés</span>
-        <ul className="inline-flex items-center gap-2">
-          {/* TODO: add correct links */}
-          <li className="text-sm">Facebook</li>
-          <li className="text-sm">Twitter</li>
-          <li className="text-sm">Github</li>
-        </ul>
+        <ul className="inline-flex items-center gap-4">
+        <li className="text-sm">
+          <a href="https://www.facebook.com/watch/galsendev221/" target="_blank" rel="noopener noreferrer" className="hover:text-blue-600">Facebook</a>
+        </li>
+        <li className="text-sm">
+          <a href="https://x.com/galsendev221" target="_blank" rel="noopener noreferrer" className="hover:text-blue-400">Twitter</a>
+        </li>
+        <li className="text-sm">
+          <a href="https://github.com/GalsenDev221/" target="_blank" rel="noopener noreferrer" className="hover:text-gray-600">Github</a>
+        </li>
+      </ul>
       </div>
     </footer>
   );
diff --git a/public/components/galsen-ui-footer-links/1.html b/public/components/galsen-ui-footer-links/1.html
new file mode 100644
index 0000000..262021e
--- /dev/null
+++ b/public/components/galsen-ui-footer-links/1.html
@@ -0,0 +1,17 @@
+<footer class="mt-14 border-t border-neutral-100">
+    <div class="px-4 py-5 flex flex-col gap-2 items-center justify-between sm:max-w-7xl sm:mx-auto sm:flex-row md:py-8">
+      <span>&copy; Galsen UI. Tous droits réservés</span>
+      <ul class="inline-flex items-center gap-4">
+        <li class="text-sm">
+          <a href="https://www.facebook.com/watch/galsendev221/" target="_blank" rel="noopener noreferrer" class="hover:text-blue-600">Facebook</a>
+        </li>
+        <li class="text-sm">
+          <a href="https://x.com/galsendev221" target="_blank" rel="noopener noreferrer" class="hover:text-blue-400">Twitter</a>
+        </li>
+        <li class="text-sm">
+          <a href="https://github.com/GalsenDev221/" target="_blank" rel="noopener noreferrer" class="hover:text-gray-600">Github</a>
+        </li>
+      </ul>
+    </div>
+  </footer>
+  
\ No newline at end of file