[FE] FIX: api 요청 후 응답 수신 전까지 취소버튼 hover시 cursor 속성값 not-allowed로 설정#1680

innovationacademy-kr · Sep 9, 2024 · 1950c37 · 1950c37
1 parent 34a4f4f
commit 1950c37
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/frontend/src/Cabinet/components/Card/Card.tsx b/frontend/src/Cabinet/components/Card/Card.tsx
@@ -154,8 +154,14 @@ export const CardButtonStyled = styled.div<{
           }
           margin-left: 10px;
         `}
-  cursor: ${(props) =>
-    props.isClickable ? "pointer" : props.isLoading ? "wait" : "default"};
+  cursor: ${(props) => {
+    if (props.isClickable) {
+      if (props.isLoading) return "wait"; // ex) 프로필 - 알림 요청 후 응답 전까지 저장 버튼 hover시
+      return "pointer";
+    }
+    if (props.isLoading) return "not-allowed"; // ex) 프로필 - 알림 요청 후 응답 전까지 취소 버튼 hover시
+    return "default";
+  }};
 
   & > svg {
     height: 20px;