refactor: className snake case로 변경

BCSDLab · Nov 15, 2023 · 6fce323 · 6fce323
1 parent 7ac76f2
commit 6fce323
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/StarRating/EnterStarRateContainer.tsx b/src/components/StarRating/EnterStarRateContainer.tsx
@@ -10,7 +10,7 @@ export default function EnterStarRateContainer({ rating }: { rating: number }) {
 
   return (
     <div
-      className={styles.starRateContainer}
+      className={styles['star-rate-container']}
       onMouseLeave={() => {
         handleMouseLeave();
         setStarQuantity(0);

diff --git a/src/components/StarRating/LeaveStarRateContainer.tsx b/src/components/StarRating/LeaveStarRateContainer.tsx
@@ -7,7 +7,7 @@ export default function LeaveStarRateContainer({ rating }: { rating: number }) {
   const { handleMouseEnter } = useContext(StarRateContext);
   return (
     <div
-      className={styles.starRateContainer}
+      className={styles['star-rate-container']}
       onMouseEnter={handleMouseEnter}
     >
       { [1, 2, 3, 4, 5].map((num) => (

diff --git a/src/components/StarRating/StarRating.module.scss b/src/components/StarRating/StarRating.module.scss
@@ -1,4 +1,4 @@
-.starRateContainer {
+.star-rate-container {
   display: flex;
   align-items: center;
   width: 160px;

diff --git a/src/components/StarRating/StarRatingPreview.tsx b/src/components/StarRating/StarRatingPreview.tsx
@@ -7,7 +7,7 @@ interface Props {
 
 function StarRatingPreview({ rate }: Props) {
   return (
-    <div className={styles.starRateContainer}>
+    <div className={styles['star-rate-container']}>
       {[1, 2, 3, 4, 5].map((num) => (
         <Star
           key={num}