style : JSDoc 업데이트 및 prop에 맞는 스타일로 변경

EasyAndBeauty · Dec 21, 2022 · 5023576 · 5023576
1 parent a98e95c
commit 5023576
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/atoms/SquareBtn/SquareBtn.jsx b/src/components/atoms/SquareBtn/SquareBtn.jsx
@@ -8,8 +8,8 @@ import * as S from "./SquareBtn.styles";
  *
  * @param {function} onClick - 버튼을 클릭했을 때 실행되는 이벤트
  * @param {React.Component} children - 버튼의 텍스트
- * @param type
- * @param color
+ * @param {String} color - 텍스트의 색 ※context에 지정된 색만 사용할 것 "bk"(default) / "wt" / "red" / "gray" / "green" / "lightGray"
+ * @param {String} type - 텍스트의 타입  "default" / "bold"
  * @returns {React.Component} 네모난 버튼 컴포넌트
  */
 

diff --git a/src/components/atoms/SquareBtn/SquareBtn.styles.jsx b/src/components/atoms/SquareBtn/SquareBtn.styles.jsx
@@ -9,7 +9,8 @@ export const BtnContainer = styled.div`
   align-items: center;
   box-sizing: border-box;
   background-color: ${(props) => (props.type === "default" ? props.theme.wt : `#FFFFFF`)};
-  color: ${(props) => props.color};
+  color: ${(props) => props.theme[props.color]};
+  font-weight: ${(props) => (props.type === "bold" ? "bold" : "400")};
   font-family: "Courier Prime", monospace;
   font-size: 1.125rem;
   cursor: pointer;