From 2033137ae2a71f006f80d5565652da72e60c56c2 Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Fri, 19 Jan 2024 22:16:48 +0000
Subject: [PATCH] refactor: return fuzzy profile search

---
 packages/app/src/Pages/SearchPage.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/Pages/SearchPage.tsx b/packages/app/src/Pages/SearchPage.tsx
index 85946c5a..663a5265 100644
--- a/packages/app/src/Pages/SearchPage.tsx
+++ b/packages/app/src/Pages/SearchPage.tsx
@@ -1,15 +1,25 @@
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useNavigate, useParams } from "react-router-dom";
 
 import { LocalSearch } from "@/Components/Feed/LocalSearch";
 import TabSelectors, { Tab } from "@/Components/TabSelectors/TabSelectors";
 import TrendingNotes from "@/Components/Trending/TrendingPosts";
+import TrendingUsers from "@/Components/Trending/TrendingUsers";
+import FollowListBase from "@/Components/User/FollowListBase";
+import useProfileSearch from "@/Hooks/useProfileSearch";
 import { debounce } from "@/Utils";
 
 const NOTES = 0;
 const PROFILES = 1;
 
+const Profiles = ({ keyword }: { keyword: string }) => {
+  const results = useProfileSearch(keyword);
+  const ids = useMemo(() => results.map(r => r.pubkey), [results]);
+  const content = keyword ? <FollowListBase pubkeys={ids} showAbout={true} /> : <TrendingUsers />;
+  return <div className="px-3">{content}</div>;
+};
+
 const SearchPage = () => {
   const params = useParams();
   const { formatMessage } = useIntl();
@@ -45,7 +55,7 @@ const SearchPage = () => {
 
   function tabContent() {
     if (tab.value === PROFILES) {
-      return <LocalSearch term={keyword} kind={0} />;
+      return <Profiles keyword={keyword} />
     }
 
     if (!keyword) {