diff --git a/src/app/team/[teamId]/study/[studyId]/page.tsx b/src/app/team/[teamId]/study/[studyId]/page.tsx index 21f3165a..c6a284c0 100644 --- a/src/app/team/[teamId]/study/[studyId]/page.tsx +++ b/src/app/team/[teamId]/study/[studyId]/page.tsx @@ -1,4 +1,6 @@ -import { Flex, Grid } from '@chakra-ui/react'; +import { Flex, Grid, IconButton, Text, Link } from '@chakra-ui/react'; +import NextLink from 'next/link'; +import { MdOutlineArrowForwardIos } from 'react-icons/md'; import CurriculumCard from '@/components/CurriculumCard'; import StudyAssetCard from '@/components/StudyAssetCard'; @@ -26,18 +28,31 @@ const Page = () => { - - {studyAssetCardData.map((data) => ( - + + } + isRound + size="icon_sm" + variant="icon_orange" /> - ))} - + 전체 보기 + + + {studyAssetCardData.map((data) => ( + + ))} + + diff --git a/src/theme/components/button.ts b/src/theme/components/button.ts index 0973e96d..d81d8282 100644 --- a/src/theme/components/button.ts +++ b/src/theme/components/button.ts @@ -16,6 +16,10 @@ const Button = defineStyleConfig({ color: 'white', minW: '24', }, + icon_orange: { + bg: 'orange', + color: 'white', + }, transparent: { bg: 'transparent', color: 'white',