From a5803eede2b875fd6d25cf484195f5e0297920e2 Mon Sep 17 00:00:00 2001
From: David Colon <38386583+Da-Colon@users.noreply.github.com>
Date: Wed, 13 Mar 2024 09:15:18 -0400
Subject: [PATCH] Switch Page navigation to React-Router Link component

---
 src/components/pages/AppHome/FeaturedDAOCard.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/pages/AppHome/FeaturedDAOCard.tsx b/src/components/pages/AppHome/FeaturedDAOCard.tsx
index 79a533b91e..8e4963b55e 100644
--- a/src/components/pages/AppHome/FeaturedDAOCard.tsx
+++ b/src/components/pages/AppHome/FeaturedDAOCard.tsx
@@ -1,9 +1,8 @@
-import { Text, BoxProps, Image, HStack, Spacer, Flex, Box } from '@chakra-ui/react';
+import { Text, BoxProps, Image, HStack, Spacer, Flex, Box, Link } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
+import { Link as RouterLink } from 'react-router-dom';
 import { DAO_ROUTES } from '../../../constants/routes';
 import { StyledBox } from '../../ui/containers/StyledBox';
-import ExternalLink from '../../ui/links/ExternalLink';
-
 interface DAOFeatureProps extends BoxProps {
   iconSrc: string;
   title: string;
@@ -52,13 +51,16 @@ export default function FeaturedDAOCard({
         </Box>
         <Flex>
           <Spacer />
-          <ExternalLink
+          <Link
+            as={RouterLink}
+            color="gold.500"
+            _hover={{ color: 'gold.500-hover' }}
             alignSelf="end"
             textStyle="text-lg-mono-bold"
-            href={DAO_ROUTES.dao.relative(address)}
+            to={DAO_ROUTES.dao.relative(address)}
           >
             {t('featureLink')}
-          </ExternalLink>
+          </Link>
         </Flex>
       </StyledBox>
     </Box>