Design: 누적수강생 Chips 스타일 변경

HELLO-FIT · Dec 3, 2024 · 3d5a005 · 3d5a005
1 parent 24abbb7
commit 3d5a005
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 31 deletions.
diff --git a/src/components/Button/Chips/Chips.module.scss b/src/components/Button/Chips/Chips.module.scss
@@ -66,17 +66,6 @@
   color: $gray70;
 }
 
-.countHigh {
-  display: flex;
-  padding: 3px 6px;
-  align-items: center;
-  border-radius: 4px;
-  background-color: $gray10;
-  @include C10M;
-  color: $gray70;
-  animation: blink 1.5s infinite;
-}
-
 .top {
   display: flex;
   padding: 3px 6px;
@@ -112,15 +101,3 @@
   @include C10M;
   color: $gray70;
 }
-
-@keyframes blink {
-  0% {
-    box-shadow: 0 0 0 rgb(255, 234, 0);
-  }
-  50% {
-    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
-  }
-  100% {
-    box-shadow: 0 0 0 rgb(255, 234, 0);
-  }
-}
diff --git a/src/components/Button/Chips/Chips.types.ts b/src/components/Button/Chips/Chips.types.ts
@@ -4,7 +4,6 @@ export type ChipState =
   | 'label'
   | 'sports'
   | 'count'
-  | 'countHigh'
   | 'top'
   | 'like'
   | 'average';

diff --git a/src/components/Button/Chips/index.tsx b/src/components/Button/Chips/index.tsx
@@ -14,8 +14,6 @@ export default function Chips({ chipState, text, serialNumber }: ChipsProps) {
         return serialNumber ? styles.sports : styles.sportsSP; // 운동 종목
       case 'count':
         return styles.count; // 누적 수강 수
-      case 'countHigh':
-        return styles.countHigh; // 누적 수강 수 (100 이상)
       case 'top':
         return serialNumber ? styles.top : styles.topSP; // top5 누적 수강 수
       case 'like':
@@ -36,7 +34,7 @@ export default function Chips({ chipState, text, serialNumber }: ChipsProps) {
       {chipState === 'average' && (
         <IconComponent name="average" width={12} height={12} />
       )}
-      {chipState === 'count' || chipState === 'countHigh'
+      {chipState === 'count' || chipState === 'top'
         ? `누적 수강생 ${formatCurrency(text)}명`
         : text}
     </div>

diff --git a/src/components/Lesson/Popular/index.tsx b/src/components/Lesson/Popular/index.tsx
@@ -280,7 +280,7 @@ export default function Popular() {
                       </div>
                       <Chips
                         chipState="top"
-                        text={`누적 수강생 ${formatCurrency(facility.totalParticipantCount)}명`}
+                        text={formatCurrency(facility.totalParticipantCount)}
                         serialNumber={toggle === 'general' ? true : false}
                       />
                     </Link>

diff --git a/src/components/Schedule/PopularSchedule/index.tsx b/src/components/Schedule/PopularSchedule/index.tsx
@@ -40,9 +40,7 @@ export default function PopularSchedule({ facility }: PopularScheduleProps) {
           ))}
           <Chips
             text={facility.totalParticipantCount}
-            chipState={
-              facility.totalParticipantCount > 100 ? 'countHigh' : 'count'
-            }
+            chipState={facility.totalParticipantCount > 100 ? 'top' : 'count'}
             serialNumber
           />
         </div>