言語名の取得を修正

Author: na-trium-144

app/[docs_id]/chatForm.tsx

@@ -5,6 +5,7 @@ import { askAI } from "@/app/actions/chatActions";
 import { StyledMarkdown } from "./markdown";
 import useSWR from "swr";
 import { getQuestionExample } from "../actions/questionExample";
+import { getLanguageName } from "../pagesList";
 
 export function ChatForm({
   docs_id,
@@ -18,7 +19,7 @@ export function ChatForm({
   const [isLoading, setIsLoading] = useState(false);
   const [isFormVisible, setIsFormVisible] = useState(false);
 
-  const lang = docs_id.split("-")[0];
+  const lang = getLanguageName(docs_id);
   const { data: exampleData, error: exampleError } = useSWR(
     // 質問フォームを開いたときだけで良い
     isFormVisible ? { lang, documentContent } : null,

app/pagesList.ts

@@ -30,3 +30,13 @@ export const pagesList = [
     ],
   },
 ] as const;
+
+// ${lang_id}-${page_id} から言語名を取得
+export function getLanguageName(docs_id: string){
+  const lang_id = docs_id.split("-")[0];
+  const lang = pagesList.find((lang) => lang.id === lang_id)?.lang;
+  if(!lang){
+    throw new Error(`Unknown language id: ${lang_id}`);
+  }
+  return lang;
+}