Switch Page navigation to React-Router Link component

decentdao · Mar 13, 2024 · a5803ee · a5803ee
1 parent 8935596
commit a5803ee
Showing 1 changed file with 8 additions and 6 deletions.
diff --git 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>