fix hook

Author: nakaterm

web/api/subject.ts

@@ -9,12 +9,14 @@ import { credFetch } from "../firebase/auth/lib.ts";
 import { type Hook, useCustomizedSWR } from "../hooks/useCustomizedSWR.ts";
 import endpoints from "./internal/endpoints.ts";
 
+const InterestSubjectListSchema = z.array(InterestSubjectSchema);
+
 // 自身の興味分野を取得する
 export function useMyInterests(): Hook<InterestSubject[]> {
   return useCustomizedSWR(
     "interests::mine",
     getMySubjects,
-    z.array(InterestSubjectSchema),
+    InterestSubjectListSchema,
   );
 }
 
@@ -37,15 +39,7 @@ export async function get(id: UserID): Promise<InterestSubject[] | null> {
   return await res.json();
 }
 
-// キーワードで興味分野を検索
-export function useSearch(q: string): Hook<InterestSubject[]> {
-  return useCustomizedSWR(
-    `interests::search::${q}`,
-    () => search(q),
-    z.array(InterestSubjectSchema),
-  );
-}
-
+// 興味分野を検索
 export async function search(q: string): Promise<InterestSubject[]> {
   const res = await credFetch("GET", endpoints.subjectsSearch(q));
   return await res.json();

web/app/edit/interests/page.tsx

@@ -3,15 +3,13 @@
 import type { InterestSubject } from "common/types";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
-import { useAboutMe } from "~/api/user";
 import FullScreenCircularProgress from "~/components/common/FullScreenCircularProgress";
 import { useAlert } from "~/components/common/alert/AlertProvider";
-import { search, update } from "../../../api/subject";
+import { search, update, useMyInterests } from "../../../api/subject";
 
 export default function EditInterest() {
-  // TODO:
-  const { state } = useAboutMe();
-  const data = state.data?.interestSubjects;
+  const { state } = useMyInterests();
+  const data = state.data;
   const error = state.current === "error" ? state.error : null;
   const loading = state.current === "loading";