From 47c45fef14a36045618370c99cfdd482db14b321 Mon Sep 17 00:00:00 2001
From: seonmin <seonmiki@student.42seoul.kr>
Date: Mon, 16 Dec 2024 21:36:39 +0900
Subject: [PATCH] =?UTF-8?q?[FE]=20FIX:=20Dummy=20=EB=B0=9C=ED=91=9C?=
 =?UTF-8?q?=EC=83=81=ED=83=9C=20disabled=20=EC=B2=98=EB=A6=AC=20#1691?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/Cabinet/components/Common/Dropdown.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Cabinet/components/Common/Dropdown.tsx b/frontend/src/Cabinet/components/Common/Dropdown.tsx
index f9e9ef7bd..b61c77397 100644
--- a/frontend/src/Cabinet/components/Common/Dropdown.tsx
+++ b/frontend/src/Cabinet/components/Common/Dropdown.tsx
@@ -45,6 +45,7 @@ const Dropdown = ({
   return (
     <DropdownContainerStyled>
       <DropdownSelectionBoxStyled
+        isDisabled={!!options[selectedIdx]?.isDisabled}
         onClick={() => {
           if (options[selectedIdx].isDisabled) return;
           setIsOpen(!isOpen);
@@ -103,7 +104,7 @@ const DropdownContainerStyled = styled.div`
   cursor: pointer;
 `;
 
-const DropdownSelectionBoxStyled = styled.div`
+const DropdownSelectionBoxStyled = styled.div <{ isDisabled: boolean }>`
   position: relative;
   display: flex;
   align-items: center;
@@ -114,12 +115,15 @@ const DropdownSelectionBoxStyled = styled.div`
   text-align: start;
   padding-left: 20px;
   font-size: 1.125rem;
-  color: "var(--sys-main-color)";
+  color: ${({ isDisabled }) =>
+   (isDisabled ? "var(--gray-line-btn-color)" : "var(--sys-main-color)")};
+  cursor: ${({ isDisabled }) =>
+   (isDisabled ? "not-allowed" : "pointer")};
 `;
 
 const DropdownItemContainerStyled = styled.div<{ isVisible: boolean }>`
   width: 100%;
-  height: 400%;
+  height: 300%;
   display: flex;
   flex-direction: column;
   position: absolute;