From 1e1f4cc36b3e58a0a7e70f05639f105b90e2b036 Mon Sep 17 00:00:00 2001
From: ZhouYongyou <128128010+zhouyongyou@users.noreply.github.com>
Date: Mon, 3 Nov 2025 19:45:59 +0800
Subject: [PATCH] fix: define CardProps interface and fix prop name mismatch

- Add missing CardProps interface definition
- Fix TestimonialCard to use 'authorName' instead of 'author'
- Resolves TypeScript compilation error: 'Cannot find name CardProps'
- Fixes frontend build failure in CI

Fixes the type error:
src/components/landing/CommunitySection.tsx(32,16): error TS2304: Cannot find name 'CardProps'.
---
 web/src/components/landing/CommunitySection.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/web/src/components/landing/CommunitySection.tsx b/web/src/components/landing/CommunitySection.tsx
index 9edbf4d4..d8165497 100644
--- a/web/src/components/landing/CommunitySection.tsx
+++ b/web/src/components/landing/CommunitySection.tsx
@@ -1,7 +1,16 @@
 import { motion } from 'framer-motion'
 import AnimatedSection from './AnimatedSection'
 
-function TestimonialCard({ quote, author, delay }: any) {
+interface CardProps {
+  quote: string
+  authorName: string
+  handle: string
+  avatarUrl: string
+  tweetUrl: string
+  delay: number
+}
+
+function TestimonialCard({ quote, authorName, delay }: CardProps) {
   return (
     <motion.div
       className='p-6 rounded-xl'
@@ -18,7 +27,7 @@ function TestimonialCard({ quote, author, delay }: any) {
       <div className='flex items-center gap-2'>
         <div className='w-8 h-8 rounded-full' style={{ background: 'var(--binance-yellow)' }} />
         <span className='text-sm font-semibold' style={{ color: 'var(--text-secondary)' }}>
-          {author}
+          {authorName}
         </span>
       </div>
     </motion.div>