diff --git a/src/components/Button/Chips/Chips.module.scss b/src/components/Button/Chips/Chips.module.scss index 18c6aac..77ffabf 100644 --- 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 index b146bcc..47f2cd1 100644 --- 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 index 92cdd23..7500154 100644 --- 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' && ( )} - {chipState === 'count' || chipState === 'countHigh' + {chipState === 'count' || chipState === 'top' ? `누적 수강생 ${formatCurrency(text)}명` : text} diff --git a/src/components/Lesson/Popular/index.tsx b/src/components/Lesson/Popular/index.tsx index 58c3ed9..94fa6b3 100644 --- a/src/components/Lesson/Popular/index.tsx +++ b/src/components/Lesson/Popular/index.tsx @@ -280,7 +280,7 @@ export default function Popular() { diff --git a/src/components/Schedule/PopularSchedule/index.tsx b/src/components/Schedule/PopularSchedule/index.tsx index 6045956..848e821 100644 --- a/src/components/Schedule/PopularSchedule/index.tsx +++ b/src/components/Schedule/PopularSchedule/index.tsx @@ -40,9 +40,7 @@ export default function PopularSchedule({ facility }: PopularScheduleProps) { ))} 100 ? 'countHigh' : 'count' - } + chipState={facility.totalParticipantCount > 100 ? 'top' : 'count'} serialNumber />