From 177f5024690baf302a9807ba729121553dab89e9 Mon Sep 17 00:00:00 2001 From: Adam Gall Date: Mon, 29 Apr 2024 17:05:42 -0400 Subject: [PATCH] Make link click/tap areas in nav take full heigh --- .../ui/page/Navigation/NavigationLink.tsx | 55 ++++++++----------- 1 file changed, 22 insertions(+), 33 deletions(-) diff --git a/src/components/ui/page/Navigation/NavigationLink.tsx b/src/components/ui/page/Navigation/NavigationLink.tsx index e721f80ecc..9470bbfe54 100644 --- a/src/components/ui/page/Navigation/NavigationLink.tsx +++ b/src/components/ui/page/Navigation/NavigationLink.tsx @@ -1,14 +1,9 @@ import { Box, Flex } from '@chakra-ui/react'; import { Icon } from '@phosphor-icons/react'; import { TFunction } from 'i18next'; -import { ReactElement } from 'react'; import { useTranslation } from 'react-i18next'; import { Link } from 'react-router-dom'; -function LinkContainer({ link }: { link: ReactElement }) { - return {link}; -} - function LinkContent({ labelKey, NavigationIcon, @@ -59,39 +54,33 @@ export function NavigationLink({ if (scope === 'internal') { return ( - - {linkContent} - - } - /> + + {linkContent} + ); } if (scope === 'external') { return ( - - {linkContent} - - } - /> + + {linkContent} + ); }