feat: add semisol.dev recommends api

packages/app/src/Element/SuggestedProfiles.tsx

@@ -5,32 +5,68 @@ import { FormattedMessage } from "react-intl";
 import FollowListBase from "Element/FollowListBase";
 import PageSpinner from "Element/PageSpinner";
 import NostrBandApi from "External/NostrBand";
+import SemisolDevApi from "External/SemisolDev";
 import useLogin from "Hooks/useLogin";
 import { hexToBech32 } from "Util";
 
+enum Provider {
+  NostrBand = 1,
+  SemisolDev = 2,
+}
+
 export default function SuggestedProfiles() {
   const login = useLogin();
   const [userList, setUserList] = useState<HexKey[]>();
+  const [provider, setProvider] = useState(Provider.NostrBand);
+  const [error, setError] = useState("");
 
   async function loadSuggestedProfiles() {
-    const api = new NostrBandApi();
-    const users = await api.sugguestedFollows(hexToBech32(NostrPrefix.PublicKey, login.publicKey));
-    const keys = users.profiles.map(a => a.pubkey);
-    setUserList(keys);
+    if (!login.publicKey) return;
+    setUserList(undefined);
+    setError("");
+
+    try {
+      switch (provider) {
+        case Provider.NostrBand: {
+          const api = new NostrBandApi();
+          const users = await api.sugguestedFollows(hexToBech32(NostrPrefix.PublicKey, login.publicKey));
+          const keys = users.profiles.map(a => a.pubkey);
+          setUserList(keys);
+          break;
+        }
+        case Provider.SemisolDev: {
+          const api = new SemisolDevApi();
+          const users = await api.sugguestedFollows(login.publicKey, login.follows.item);
+          const keys = users.recommendations.sort(a => a[1]).map(a => a[0]);
+          setUserList(keys);
+          break;
+        }
+      }
+    } catch (e) {
+      if (e instanceof Error) {
+        setError(e.message);
+      }
+    }
   }
 
   useEffect(() => {
     loadSuggestedProfiles().catch(console.error);
-  }, []);
-
-  if (!userList) return <PageSpinner />;
+  }, [login, provider]);
 
   return (
     <>
       <h3>
         <FormattedMessage defaultMessage="Suggested Follows" />
       </h3>
-      <FollowListBase pubkeys={userList} showAbout={true} />
+      <div className="card flex f-space">
+        <FormattedMessage defaultMessage="Provider" />
+        <select onChange={e => setProvider(Number(e.target.value))}>
+          <option value={Provider.NostrBand}>nostr.band</option>
+          <option value={Provider.SemisolDev}>semisol.dev</option>
+        </select>
+      </div>
+      {error && <b className="error">{error}</b>}
+      {userList ? <FollowListBase pubkeys={userList} showAbout={true} /> : <PageSpinner />}
     </>
   );
 }