diff --git a/src/pages/Analysis/AnalysisResultSection.tsx b/src/pages/Analysis/AnalysisResultSection.tsx index 39a8c7a..b44069f 100755 --- a/src/pages/Analysis/AnalysisResultSection.tsx +++ b/src/pages/Analysis/AnalysisResultSection.tsx @@ -82,51 +82,14 @@ const AnimatedItem: React.FC = ({ children, index, baseDelay ); }; -// 애니메이션 숫자 카운터 컴포넌트 -interface AnimatedScoreProps { - score: number; - duration?: number; - delay?: number; - className?: string; -} - -const AnimatedScore: React.FC = ({ score, duration = 1000, delay = 0, className = '' }) => { - const [displayScore, setDisplayScore] = useState(0); - - useEffect(() => { - const timer = setTimeout(() => { - const startTime = Date.now(); - - const animate = () => { - const elapsed = Date.now() - startTime; - const progress = Math.min(elapsed / duration, 1); - const easeProgress = 1 - Math.pow(1 - progress, 3); - - setDisplayScore(Math.round(score * easeProgress)); - - if (progress < 1) { - requestAnimationFrame(animate); - } - }; - - requestAnimationFrame(animate); - }, delay); - - return () => clearTimeout(timer); - }, [score, duration, delay]); - - return {displayScore}; -}; - // 애니메이션 USP 아이템 컴포넌트 interface AnimatedUSPItemProps { usp: { category: string; description: string; score: number }; index: number; isTop?: boolean; - getScoreColor: (score: number) => string; } -const AnimatedUSPItem: React.FC = ({ usp, index, isTop = false, getScoreColor }) => { +const AnimatedUSPItem: React.FC = ({ usp, index, isTop = false }) => { const [isVisible, setIsVisible] = useState(false); const delay = index * 150; // 각 아이템마다 150ms 딜레이 @@ -153,12 +116,6 @@ const AnimatedUSPItem: React.FC = ({ usp, index, isTop = f
{usp.description}
- ); @@ -166,7 +123,7 @@ const AnimatedUSPItem: React.FC = ({ usp, index, isTop = f return (
@@ -174,12 +131,6 @@ const AnimatedUSPItem: React.FC = ({ usp, index, isTop = f
{usp.category}
{usp.description}
- ); }; @@ -421,13 +372,6 @@ const AnalysisResultSection: React.FC = ({ onBack, o ? [...sellingPoints].sort((a, b) => b.score - a.score)[0] : null; - // 점수에 따른 색상 - const getScoreColor = (score: number) => { - if (score >= 90) return 'text-brand-accent'; - if (score >= 85) return 'text-green-400'; - if (score >= 80) return 'text-yellow-400'; - return 'text-gray-400'; - }; return (
@@ -576,7 +520,6 @@ const AnalysisResultSection: React.FC = ({ onBack, o usp={topUSP} index={0} isTop={true} - getScoreColor={getScoreColor} /> )} @@ -591,7 +534,6 @@ const AnalysisResultSection: React.FC = ({ onBack, o usp={usp} index={idx + 1} isTop={false} - getScoreColor={getScoreColor} /> ))}