From 1baecf41f219d8c1ba9bbccc0d7ccaa4c99f75ac Mon Sep 17 00:00:00 2001
From: verbiricha <bandarra@protonmail.com>
Date: Tue, 1 Aug 2023 08:10:58 +0200
Subject: [PATCH] refactor: useCallback

---
 src/pages/root.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages/root.tsx b/src/pages/root.tsx
index 9ed2a91..84c0e69 100644
--- a/src/pages/root.tsx
+++ b/src/pages/root.tsx
@@ -1,4 +1,5 @@
 import "./root.css";
+import { useCallback } from "react";
 import type { NostrEvent } from "@snort/system";
 
 import { VideoTile } from "element/video-tile";
@@ -11,9 +12,12 @@ export function RootPage() {
 
   const { live, planned, ended } = useStreamsFeed();
   const mutedHosts = new Set(getTagValues(login?.muted.tags ?? [], "p"));
-  const followsHost = (ev: NostrEvent) => {
-    return login?.follows.tags?.find((t) => t.at(1) === getHost(ev));
-  };
+  const followsHost = useCallback(
+    (ev: NostrEvent) => {
+      return login?.follows.tags.find((t) => t.at(1) === getHost(ev));
+    },
+    [login?.follows],
+  );
   const hashtags = getTagValues(login?.follows.tags ?? [], "t");
   const following = live.filter(followsHost);
   const liveNow = live.filter((e) => !following.includes(e));