From 0cf4b4e63b154394771669e14274391445777fe5 Mon Sep 17 00:00:00 2001
From: Kim DoKyun <51306225+jasper200207@users.noreply.github.com>
Date: Thu, 9 May 2024 13:18:56 +0900
Subject: [PATCH] =?UTF-8?q?Feature/#214=20=EC=8A=A4=ED=84=B0=EB=94=94=20?=
 =?UTF-8?q?=EC=9E=90=EB=A3=8C=20=EC=A0=84=EC=B2=B4=EB=B3=B4=EA=B8=B0=20(#2?=
 =?UTF-8?q?15)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* design : icon_orange variants 추가

#214

* feat : 스터디 자료 전체보기

#214
---
 .../team/[teamId]/study/[studyId]/page.tsx    | 39 +++++++++++++------
 src/theme/components/button.ts                |  4 ++
 2 files changed, 31 insertions(+), 12 deletions(-)

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 = () => {
       <Grid gap="4" templateColumns={{ base: '', xl: '2fr 1fr' }} w="100%">
         <Flex direction="column" rowGap={{ base: '6', '2xl': '12' }}>
           <CurriculumCard />
-          <Grid gap="2" templateColumns={{ base: 'repeat(2, 1fr)', lg: 'repeat(4, 1fr)' }}>
-            {studyAssetCardData.map((data) => (
-              <StudyAssetCard
-                key={data.title}
-                title={data.title}
-                content={data.content}
-                date={data.date}
-                bookmark={data.bookmark}
-                img={data.img}
+          <Flex align="right" direction="column" rowGap="3">
+            <Link as={NextLink} gap="3" display="flex" w="fit-content" ml="auto" href="/">
+              <IconButton
+                fontSize="16px"
+                aria-label=""
+                icon={<MdOutlineArrowForwardIos />}
+                isRound
+                size="icon_sm"
+                variant="icon_orange"
               />
-            ))}
-          </Grid>
+              <Text>전체 보기</Text>
+            </Link>
+            <Grid gap="2" templateColumns={{ base: 'repeat(2, 1fr)', lg: 'repeat(4, 1fr)' }}>
+              {studyAssetCardData.map((data) => (
+                <StudyAssetCard
+                  key={data.title}
+                  title={data.title}
+                  content={data.content}
+                  date={data.date}
+                  bookmark={data.bookmark}
+                  img={data.img}
+                />
+              ))}
+            </Grid>
+          </Flex>
         </Flex>
         <Flex direction="column" rowGap={{ base: '6', '2xl': '12' }}>
           <Feed />
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',