From 47bdaf9b881f831c515288d6c352c8477d3148cc Mon Sep 17 00:00:00 2001
From: Juan Di Toro <ditorojuanf@gmail.com>
Date: Mon, 11 Dec 2023 19:05:33 +0100
Subject: [PATCH] fix: clickable logo

---
 src/components/LayoutHeader.tsx | 38 ++++++++++++++++++++-------------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/components/LayoutHeader.tsx b/src/components/LayoutHeader.tsx
index 6e7dc1b..01a6eb6 100644
--- a/src/components/LayoutHeader.tsx
+++ b/src/components/LayoutHeader.tsx
@@ -8,25 +8,33 @@ export const Header = ({}: Props) => {
   return (
     <header className="w-full flex flex-row justify-between relative">
       <div className="flex flex-col">
-        <Web3NewsLogo />
-        <div className="relative mt-1">
-          <Image
-            className="-right-8 -top-3 absolute"
-            width={28}
-            height={24}
-            src="/lume-logo-sm.png"
-            alt=""
-          />
-          <span className="right-0 -top-[6px] absolute text-white text-opacity-50 text-sm font-normal font-secondary leading-7">
-            a Lume project
-          </span>
-        </div>
+        <Link href="/">
+          <Web3NewsLogo />
+          <div className="relative mt-1">
+            <Image
+              className="-right-8 -top-3 absolute"
+              width={28}
+              height={24}
+              src="/lume-logo-sm.png"
+              alt=""
+            />
+            <span className="right-0 -top-[6px] absolute text-white text-opacity-50 text-sm font-normal font-secondary leading-7">
+              a Lume project
+            </span>
+          </div>
+        </Link>
       </div>
       <div className="flex gap-3 font-normal flex-row text-gray-300 rounded">
-        <Link href="/about" className="hover:text-white p-2 px-4 hover:bg-gray-800 rounded">
+        <Link
+          href="/about"
+          className="hover:text-white p-2 px-4 hover:bg-gray-800 rounded"
+        >
           About
         </Link>
-        <Link href="/donate" className="hover:text-white p-2 px-4 hover:bg-gray-800 rounded">
+        <Link
+          href="/donate"
+          className="hover:text-white p-2 px-4 hover:bg-gray-800 rounded"
+        >
           Contribute
         </Link>
       </div>