Function HomePage

website/app/page.tsx:24–303

()

}

export default function HomePage() {
  const { t } = useApp();
  const [articles, setArticles] = useState<Article[]>([]);
  const [categories, setCategories] = useState<string[]>([]);
  const [selectedCategory, setSelectedCategory] = useState<string>('全部');
  const [searchTerm, setSearchTerm] = useState('');
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState<string | null>(null);
  const [currentPage, setCurrentPage] = useState(1);
  const [hasMore, setHasMore] = useState(true);

  // 获取文章数据
  const fetchArticles = async (page: number = 1, append: boolean = false) => {
    try {
      const params = new URLSearchParams({
        page: page.toString(),
        per_page: '12'
      });
      
      if (selectedCategory !== '全部') {
        params.append('category', selectedCategory);
      }
      
      if (searchTerm) {
        params.append('search', searchTerm);
      }

      const response = await fetch(`/api/articles?${params}`);
      const data = await response.json();
      console.log('Articles API response:', data);

      // 检查是否有错误信息
      if (data.error) {
        console.error('API returned error:', data.error);
        setError(data.error);
        setLoading(false);
        return;
      }

      // 确保数据格式正确
      const articles = Array.isArray(data.articles) ? data.articles : [];
      const pagination = data.pagination || { hasNext: false };
      console.log('Processed articles:', articles.length, 'pagination:', pagination);

      if (append) {
        setArticles(prev => [...prev, ...articles]);
      } else {
        setArticles(articles);
      }
      
      setHasMore(pagination.hasNext);
      setLoading(false);
    } catch (err) {
      console.error('Failed to fetch articles:', err);
      setError('网络连接失败，请检查网络后重试');
      setLoading(false);
    }
  };