From 30da652ec1980b6502a43eb5c92f842411f1c305 Mon Sep 17 00:00:00 2001
From: Mungjin01 <beckaljm@naver.com>
Date: Thu, 23 May 2024 19:31:51 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=AA=A8=EB=8B=AC=EC=B0=BD=20=EC=9E=85?=
 =?UTF-8?q?=EB=A0=A5=20=EC=88=98=EC=A0=95(#52)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyPage/MyExperienceView.tsx    |  6 ++---
 .../common/Modal/BrandCardModal.tsx           | 22 ++++++++++++++++---
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/components/MyPage/MyExperienceView.tsx b/src/components/MyPage/MyExperienceView.tsx
index cf697dc..664ea3b 100644
--- a/src/components/MyPage/MyExperienceView.tsx
+++ b/src/components/MyPage/MyExperienceView.tsx
@@ -44,7 +44,7 @@ export const MyExperienceView = ({
                 clickContentHandler={(newSelected: string) => {
                   setSortOrder(newSelected === '최신순' ? 'desc' : 'asc');
                 }}
-                width="312px"
+                width="201px"
                 contentMaxHeight="172px"
                 multiple={false}
               />
@@ -75,7 +75,7 @@ export const MyExperienceView = ({
                 clickContentHandler={(newSelected: string) => {
                   setSortOrder(newSelected === '최신순' ? 'desc' : 'asc');
                 }}
-                width="312px"
+                width="201px"
                 contentMaxHeight="172px"
                 multiple={false}
               />
@@ -106,7 +106,7 @@ export const MyExperienceView = ({
                 clickContentHandler={(newSelected: string) => {
                   setSortOrder(newSelected === '최신순' ? 'desc' : 'asc');
                 }}
-                width="312px"
+                width="201px"
                 contentMaxHeight="172px"
                 multiple={false}
               />
diff --git a/src/components/common/Modal/BrandCardModal.tsx b/src/components/common/Modal/BrandCardModal.tsx
index e497cea..076c338 100644
--- a/src/components/common/Modal/BrandCardModal.tsx
+++ b/src/components/common/Modal/BrandCardModal.tsx
@@ -15,6 +15,7 @@ export const BrandCardModal = ({ isOpen, onClose }: ModalProps) => {
   const [startDate, setStartDate] = useState('2024.05.15');
   const [endDate, setEndDate] = useState('');
   const [description, setDescription] = useState('');
+  const [status, setStatus] = useState<'진행전' | '진행중' | '완료'>('진행전');
   if (!isOpen) return null;
 
   return (
@@ -38,13 +39,28 @@ export const BrandCardModal = ({ isOpen, onClose }: ModalProps) => {
           </FrameRow>
           <FrameRow>
             <Label>진행상태</Label>
-            <PlainButton variant="disabled" height="48px" width="87px">
+            <PlainButton
+              variant={status === '진행전' ? 'disabled' : 'gray'}
+              height="48px"
+              width="87px"
+              onClick={() => setStatus('진행전')}
+            >
               진행전
             </PlainButton>
-            <PlainButton variant="gray" height="48px" width="87px">
+            <PlainButton
+              variant={status === '진행중' ? 'disabled' : 'gray'}
+              height="48px"
+              width="87px"
+              onClick={() => setStatus('진행중')}
+            >
               진행중
             </PlainButton>
-            <PlainButton variant="gray" height="48px" width="74px">
+            <PlainButton
+              variant={status === '완료' ? 'disabled' : 'gray'}
+              height="48px"
+              width="74px"
+              onClick={() => setStatus('완료')}
+            >
               완료
             </PlainButton>
           </FrameRow>