fix: small performance tweaks

packages/app/src/Components/Toaster/Toaster.tsx

@@ -36,8 +36,11 @@ class ToasterSlots extends ExternalStore<Array<ToastNotification>> {
 
   #eatToast() {
     const now = unixNow();
-    this.#stack = this.#stack.filter(a => (a.expire ?? 0) > now);
-    this.notifyChange();
+    const newStack = this.#stack.filter(a => (a.expire ?? 0) > now);
+    if (newStack.length !== this.#stack.length) {
+      this.#stack = newStack;
+      this.notifyChange();
+    }
   }
 }
 

packages/app/src/Feed/WorkerRelayView.ts

@@ -13,7 +13,7 @@ export function useNotificationsView() {
       leaveOpen: true,
     });
     if (publicKey) {
-      rb.withFilter().kinds(kinds).tag("p", [publicKey]);
+      rb.withFilter().kinds(kinds).tag("p", [publicKey]).limit(100);
     }
     return rb;
   }, [publicKey]);

packages/app/src/Hooks/useProfileSearch.tsx

@@ -1,43 +1,15 @@
-import { useEffect, useMemo, useState } from "react";
-
 import fuzzySearch from "@/Db/FuzzySearch";
-import useTimelineFeed, { TimelineFeedOptions, TimelineSubject } from "@/Feed/TimelineFeed";
-import { debounce } from "@/Utils";
 
 import useWoT from "./useWoT";
 
-const options: TimelineFeedOptions = { method: "LIMIT_UNTIL" };
-
-export default function useProfileSearch(search: string) {
-  const [debouncedSearch, setDebouncedSearch] = useState(search);
-
-  useEffect(() => {
-    return debounce(500, () => {
-      setDebouncedSearch(search);
-    });
-  }, [search]);
-
-  const subject = useMemo(
-    () =>
-      ({
-        type: "profile_keyword",
-        items: debouncedSearch ? [debouncedSearch] : [],
-        discriminator: debouncedSearch,
-      }) as TimelineSubject,
-    [debouncedSearch],
-  );
-  const feed = useTimelineFeed(subject, options);
-  const results = useMemo(() => {
-    return userSearch(search);
-  }, [search, feed]);
-
-  return results;
+export default function useProfileSearch(search: string | undefined) {
+  return userSearch(search);
 }
 
-export function userSearch(search: string) {
+export function userSearch(search: string | undefined) {
   const wot = useWoT();
-  const searchString = search.trim();
-  const fuseResults = fuzzySearch.search(searchString);
+  const searchString = search?.trim() ?? "";
+  const fuseResults = (searchString?.length ?? 0) > 0 ? fuzzySearch.search(searchString) : [];
 
   const followDistanceNormalizationFactor = 3;
   const seenIds = new Set();

packages/app/src/Pages/Layout/HasNotificationsMarker.tsx

@@ -1,19 +1,11 @@
 import { useMemo } from "react";
 
-import { useNotificationsView } from "@/Feed/WorkerRelayView";
 import useLogin from "@/Hooks/useLogin";
 
 export function HasNotificationsMarker() {
   const readNotifications = useLogin(s => s.readNotifications);
-  const notifications = useNotificationsView();
-  const latestNotification = useMemo(
-    () => notifications.reduce((acc, v) => (v.created_at > acc ? v.created_at : acc), 0),
-    [notifications],
-  );
-  const hasNotifications = useMemo(
-    () => latestNotification * 1000 > readNotifications,
-    [notifications, readNotifications],
-  );
+  const latestNotification = 0; // TODO: get latest timestamp
+  const hasNotifications = useMemo(() => latestNotification * 1000 > readNotifications, [readNotifications]);
 
   if (hasNotifications) {
     return (

packages/app/src/Pages/Layout/LogoHeader.tsx

@@ -20,7 +20,7 @@ const getExtra = () => {
 };
 
 export function LogoHeader({ showText = false }: { showText: boolean }) {
-  const { subscriptions } = useLogin();
+  const subscriptions = useLogin(s => s.subscriptions);
   const currentSubscription = getCurrentSubscription(subscriptions);
 
   const appName = CONFIG.appName === "iris" && isStPatricksDay() ? "Irish" : CONFIG.appName;