liuyu/nofx
1
0
Fork 0
mirror of https://github.com/NoFxAiOS/nofx.git synced 2026-07-15 00:36:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: extract repeated star formatting logic

Browse Source 
- Extract formattedStars calculation to avoid duplication
- Keep tabular-nums span for consistent number width during animation
- Address code review feedback from @xqliu
Co-Authored-By: tinkle-community <tinklefund@gmail.com>
This commit is contained in:
Ember
2025-11-05 13:58:34 +08:00
parent c61f57e49e
commit 3ac5a694df
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/landing/HeroSection.tsx
View File

@@ -22,6 +22,9 @@ export default function HeroSection({ language }: HeroSectionProps) {
duration: 2000, duration: 2000,
}) })
// 格式化 stars 显示
const formattedStars = (animatedStars / 1000).toFixed(1)
const fadeInUp = { const fadeInUp = {
initial: { opacity: 0, y: 60 }, initial: { opacity: 0, y: 60 },
animate: { opacity: 1, y: 0 }, animate: { opacity: 1, y: 0 },
@@ -48,12 +51,12 @@ export default function HeroSection({ language }: HeroSectionProps) {
) : language === 'zh' ? ( ) : language === 'zh' ? (
<> <>
{daysOld} 天内{' '} {daysOld} 天内{' '}
<span className='inline-block tabular-nums'>{(animatedStars / 1000).toFixed(1)}</span> <span className='inline-block tabular-nums'>{formattedStars}</span>
K+ GitHub Stars K+ GitHub Stars
</> </>
) : ( ) : (
<> <>
<span className='inline-block tabular-nums'>{(animatedStars / 1000).toFixed(1)}</span> <span className='inline-block tabular-nums'>{formattedStars}</span>
K+ GitHub Stars in {daysOld} days K+ GitHub Stars in {daysOld} days
</> </>
)} )}