翻訳機能の実装完了！

Author: The-Infinitys

src/app/article/components/list.tsx

@@ -1,14 +1,18 @@
+"use client";
 import { ReactNode } from "react";
-import { generateArticleButton, Article } from "../article";
+import { generateArticleButton, Article } from "../article-client";
+import { useLocale } from "@/app/i18nProvider";
 
 interface ArticleListProps {
   articles: Article[];
 }
 
-export default async function ArticleList({ articles }: ArticleListProps) {
+export default function ArticleList({ articles }: ArticleListProps) {
+  const locale = useLocale();
+  const filteredArticles = articles.filter((a) => a.lang === locale);
   return (
     <section className="articles">
-      {articles.map(
+      {filteredArticles.map(
         (article: Article): ReactNode => generateArticleButton(article)
       )}
     </section>