Navigate to home on logo click

2023-07-07 16:02:28 -07:00
parent 539aabbe9c
commit f160a7c2e1
1 changed files with 8 additions and 6 deletions
--- a/src/components/nav/AppShell.tsx
+++ b/src/components/nav/AppShell.tsx
@@ -48,12 +48,14 @@ const IconLink = ({ icon, label, href, target, ...props }: IconLinkProps) => {
 const NavSidebar = () => {
  return (
    <VStack align="stretch" bgColor="gray.100" py={2} pb={0} height="100%">
-      <HStack spacing={0} pl="4">
-        <Image src="/logo.svg" alt="" w={6} h={6} />
-        <Heading size="md" p={2} pl={{base: 16, md: 2}}>
-          OpenPipe
-        </Heading>
-      </HStack>
+      <Link href="/" w="full" _hover={{ textDecoration: "none" }}>
+        <HStack spacing={0} pl="4">
+          <Image src="/logo.svg" alt="" w={6} h={6} />
+          <Heading size="md" p={2} pl={{ base: 16, md: 2 }}>
+            OpenPipe
+          </Heading>
+        </HStack>
+      </Link>
      <Divider />
      <VStack spacing={0} align="flex-start" overflowY="auto" overflowX="hidden" flex={1}>
        <IconLink icon={RiFlaskLine} label="Experiments" href="/experiments" />