fix: Course list warning (#11)

exKAZUu-Research · Jan 15, 2024 · 1d5227f · 1d5227f
1 parent b30a740
commit 1d5227f
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/app/(withAuth)/courses/page.tsx b/src/app/(withAuth)/courses/page.tsx
@@ -1,4 +1,4 @@
-import { Box, Heading, Link, List, ListItem, Text } from '@chakra-ui/react';
+import { Box, Heading, LinkBox, LinkOverlay, List, ListItem, Text } from '@chakra-ui/react';
 import type { NextPage } from 'next';
 import NextLink from 'next/link';
 
@@ -18,9 +18,11 @@ const CoursesPage: NextPage = async () => {
         <List spacing={3}>
           {courseIds.map((id) => (
             <ListItem key={id}>
-              <NextLink passHref href={`/courses/${id}`}>
-                <Link>{courseIdToName[id]}</Link>
-              </NextLink>
+              <LinkBox borderWidth="1px" p="5" rounded="md">
+                <LinkOverlay passHref as={NextLink} href={`/courses/${id}`}>
+                  {courseIdToName[id]}
+                </LinkOverlay>
+              </LinkBox>
             </ListItem>
           ))}
         </List>