done

Author: aster-void

web/components/search/table.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { useMemo } from "react";
+import { useMemo, useState } from "react";
 import request from "~/api/request";
 import { useAll, useMatched, useMyID, usePendingFromMe } from "~/api/user";
 import { useModal } from "../common/modal/ModalProvider";
@@ -30,14 +30,29 @@ export default function UserTable({ query }: { query: string }) {
     state: { data: pending },
   } = usePendingFromMe();
 
-  // ユーザーがリクエストを送ってない人だけリストアップする
+  // リクエストを送ってない人のみリクエスト送信可能
+  // FIXME: O(n^2) | n = count(users) なのでめっちゃ計算コストかかる。なんとかして。
   const canRequest = (userId: number) =>
     !matches?.some((match) => match.id === userId) &&
     !pending?.some((pending) => pending.id === userId);
 
+  const [searchQuery__interest, setSearchQuery__interest] = useState<
+    string | null
+  >(null);
+  setSearchQuery__interest; // TODO: use this in some UI
+
+  const filteredUsers = users
+    // this is O(count(users) * count(avg(count(interests))) * count(avg(len(interests.name)))). very bad.
+    ?.filter(
+      (u) =>
+        searchQuery__interest === null ||
+        u.interestSubjects.some((i) => i.name.includes(searchQuery__interest)),
+    );
+  console.log(searchQuery__interest);
+
   return (
     <div>
-      {users?.map((user) => (
+      {filteredUsers?.map((user) => (
         <HumanListItem
           key={user.id}
           id={user.id}