온도 옵션 disabled 조건 변경 (#64)

* feat: 온도 옵션 disabled 조건 변경 * design: middleButton border 색 변경
FashionForecast · Oct 1, 2024 · 4336593 · 4336593
1 parent 708f450
commit 4336593
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/pages/Home/components/RecommendClothes.style.ts b/src/pages/Home/components/RecommendClothes.style.ts
@@ -51,6 +51,11 @@ const ChipWrapper = styled.div`
 const ToggleButon = styled(CustomToggleButton)`
   height: 40px;
 
+  &.MuiToggleButtonGroup-middleButton {
+    border-right: 1px solid ${({ theme }) => theme.colors.primary.main};
+    border-left: 1px solid ${({ theme }) => theme.colors.primary.main};
+  }
+
   &:first-of-type {
     border-top-left-radius: 16px;
     border-bottom-left-radius: 16px;

diff --git a/src/pages/Home/components/RecommendClothes.tsx b/src/pages/Home/components/RecommendClothes.tsx
@@ -63,14 +63,11 @@ const RecommendClothes = ({ weather }: RecommendClothesProps) => {
         value={tempCondition}
         onChange={handleTempConditionChange}
       >
-        <C.ToggleButon
-          value={COOL}
-          disabled={weather.extremumTmp < 5 || weather.extremumTmp >= 28}
-        >
+        <C.ToggleButon value={COOL} disabled={weather.extremumTmp >= 28}>
           시원하게
         </C.ToggleButon>
         <C.ToggleButon value={NORMAL}>적당하게</C.ToggleButon>
-        <C.ToggleButon value={WARM} disabled={weather.extremumTmp >= 28}>
+        <C.ToggleButon value={WARM} disabled={weather.extremumTmp < 5}>
           따뜻하게
         </C.ToggleButon>
       </ToggleButtonGroup>