From f7f217d908d3e261abb958578011b5af7726172d Mon Sep 17 00:00:00 2001
From: Faye <faye@fayevr.dev>
Date: Fri, 30 Aug 2024 00:43:16 +0200
Subject: [PATCH] fix error, add link clickable

---
 src/app/[locale]/(main)/page.tsx           |  2 +-
 src/components/header/header-resizable.tsx | 38 ++++++++++++----------
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/app/[locale]/(main)/page.tsx b/src/app/[locale]/(main)/page.tsx
index 39d15fa3..7d26e6ea 100644
--- a/src/app/[locale]/(main)/page.tsx
+++ b/src/app/[locale]/(main)/page.tsx
@@ -37,7 +37,7 @@ export default async function Home({
                     d="M.5 200V.5H200"
                     fill="none"
                     stroke="#6b7280"
-                    stroke-opacity="0.5"
+                    strokeOpacity="0.5"
                   />
                 </pattern>
               </defs>
diff --git a/src/components/header/header-resizable.tsx b/src/components/header/header-resizable.tsx
index 45bf42b0..f3b773b0 100644
--- a/src/components/header/header-resizable.tsx
+++ b/src/components/header/header-resizable.tsx
@@ -23,7 +23,7 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
 import { Account, UserData } from '@/utils/types/models'
-import { useRouter } from '@/navigation'
+import { Link, useRouter } from '@/navigation'
 
 export default function SidebarResizable({
   defaultLayout = [265, 440, 655],
@@ -86,23 +86,25 @@ export default function SidebarResizable({
             )}
           >
             <div>
-              <div
-                className={cn(
-                  'flex h-[52px] items-center',
-                  isCollapsed ? 'h-[52px] justify-center' : 'px-2 ml-2'
-                )}
-              >
-                <Image
-                  src={'/logos/Headpat_Logo_web_128x128_240518-05.png'}
-                  width={32}
-                  height={32}
-                  alt={'Headpat logo'}
-                  className={'rounded-full'}
-                />
-                <span className={cn('ml-2', isCollapsed && 'hidden')}>
-                  Headpat
-                </span>
-              </div>
+              <Link href={'/'}>
+                <div
+                  className={cn(
+                    'flex h-[52px] items-center',
+                    isCollapsed ? 'h-[52px] justify-center' : 'px-2 ml-2'
+                  )}
+                >
+                  <Image
+                    src={'/logos/Headpat_Logo_web_128x128_240518-05.png'}
+                    width={32}
+                    height={32}
+                    alt={'Headpat logo'}
+                    className={'rounded-full'}
+                  />
+                  <span className={cn('ml-2', isCollapsed && 'hidden')}>
+                    Headpat
+                  </span>
+                </div>
+              </Link>
               <Separator />
             </div>
             <ScrollArea className={'h-full overflow-auto'}>