fix: 모달창 입력 수정(#52)

KUSITMS-29th-TEAM-D · May 23, 2024 · 30da652 · 30da652
1 parent 3cf0b43
commit 30da652
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 6 deletions.
diff --git 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
@@ -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>