[FE] FIX: Dummy 발표상태 disabled 처리 #1691

innovationacademy-kr · Dec 16, 2024 · 47c45fe · 47c45fe
1 parent b07ecff
commit 47c45fe
Showing 1 changed file with 7 additions and 3 deletions.
diff --git 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;