chore: Update translations

packages/app/src/Pages/HashTagsPage.tsx

@@ -24,12 +24,7 @@ const HashTagsPage = () => {
       <div className="bb p">
         <HashTagHeader tag={tag} />
       </div>
-      <Timeline
+      <Timeline key={tag} subject={subject} postsOnly={false} method={"TIME_RANGE"} />
-        key={tag}
-        subject={subject}
-        postsOnly={false}
-        method={"TIME_RANGE"}
-      />
     </>
   );
 };

packages/app/src/Pages/ListFeedPage.tsx

@@ -7,17 +7,20 @@ import { useParams } from "react-router-dom";
 import Timeline from "@/Components/Feed/Timeline";
 import PageSpinner from "@/Components/PageSpinner";
 import { Hour } from "@/Utils/Const";
-import {useMemo} from "react";
+import { useMemo } from "react";
 
 export function ListFeedPage() {
   const { id } = useParams();
   const link = parseNostrLink(unwrap(id));
   const { data } = useEventFeed(link);
-  const subject = useMemo(() => ({
+  const subject = useMemo(
-    type: "pubkey",
+    () => ({
-    items: pubkeys,
+      type: "pubkey",
-    discriminator: "list-feed",
+      items: pubkeys,
-  }), [pubkeys]);
+      discriminator: "list-feed",
+    }),
+    [pubkeys],
+  );
 
   if (!data) return <PageSpinner />;
   if (data.kind !== EventKind.ContactList && data.kind !== EventKind.FollowSet) {
@@ -28,12 +31,5 @@ export function ListFeedPage() {
     );
   }
   const pubkeys = dedupe(data.tags.filter(a => a[0] === "p").map(a => a[1]));
-  return (
+  return <Timeline subject={subject} postsOnly={true} method="TIME_RANGE" window={Hour * 12} />;
-    <Timeline
-      subject={subject}
-      postsOnly={true}
-      method="TIME_RANGE"
-      window={Hour * 12}
-    />
-  );
 }

packages/app/src/Pages/Root/GlobalTab.tsx

@@ -1,6 +1,6 @@
 import { unixNow } from "@snort/shared";
 import { SnortContext } from "@snort/system-react";
-import {useContext, useEffect, useMemo, useState} from "react";
+import { useContext, useEffect, useMemo, useState } from "react";
 import { FormattedMessage } from "react-intl";
 
 import Timeline from "@/Components/Feed/Timeline";
@@ -79,25 +79,20 @@ export const GlobalTab = () => {
     });
   }, [relays, relay]);
 
-  const subject = useMemo(() => ({
+  const subject = useMemo(
-    type: "global",
+    () => ({
-    items: [],
+      type: "global",
-    relay: [relay.url],
+      items: [],
-    discriminator: `all-${sha256(relay.url)}`,
+      relay: [relay.url],
-  }), [relay.url]);
+      discriminator: `all-${sha256(relay.url)}`,
+    }),
+    [relay.url],
+  );
 
   return (
     <>
       {globalRelaySelector()}
-      {relay && (
+      {relay && <Timeline subject={subject} postsOnly={false} method={"TIME_RANGE"} window={600} now={now} />}
-        <Timeline
-          subject={subject}
-          postsOnly={false}
-          method={"TIME_RANGE"}
-          window={600}
-          now={now}
-        />
-      )}
     </>
   );
 };

packages/app/src/Pages/Root/TagsTab.tsx

@@ -2,17 +2,20 @@ import { useParams } from "react-router-dom";
 
 import Timeline from "@/Components/Feed/Timeline";
 import { TimelineSubject } from "@/Feed/TimelineFeed";
-import {useMemo} from "react";
+import { useMemo } from "react";
 
 export const TagsTab = (params: { tag?: string }) => {
   const { tag } = useParams();
   const t = params.tag ?? tag ?? "";
-  const subject: TimelineSubject = useMemo(() => ({
+  const subject: TimelineSubject = useMemo(
-    type: "hashtag",
+    () => ({
-    items: [t],
+      type: "hashtag",
-    discriminator: `tags-${t}`,
+      items: [t],
-    streams: true,
+      discriminator: `tags-${t}`,
-  }), [t]);
+      streams: true,
+    }),
+    [t],
+  );
 
   return <Timeline subject={subject} postsOnly={false} method={"TIME_RANGE"} />;
 };

packages/app/src/Pages/SearchPage.tsx

@@ -53,11 +53,14 @@ const SearchPage = () => {
     return debounce(500, () => setKeyword(search));
   }, [search]);
 
-  const subject = useMemo(() => ({
+  const subject = useMemo(
-    type: "post_keyword",
+    () => ({
-    items: [keyword + (sortPopular ? " sort:popular" : "")],
+      type: "post_keyword",
-    discriminator: keyword,
+      items: [keyword + (sortPopular ? " sort:popular" : "")],
-  }), [keyword, sortPopular]);
+      discriminator: keyword,
+    }),
+    [keyword, sortPopular],
+  );
 
   function tabContent() {
     if (tab.value === PROFILES) {
@@ -71,13 +74,7 @@ const SearchPage = () => {
     return (
       <>
         {sortOptions()}
-        <Timeline
+        <Timeline key={keyword} subject={subject} postsOnly={false} method={"LIMIT_UNTIL"} loadMore={false} />
-          key={keyword}
-          subject={subject}
-          postsOnly={false}
-          method={"LIMIT_UNTIL"}
-          loadMore={false}
-        />
       </>
     );
   }

packages/app/src/Pages/TopicsPage.tsx

@@ -1,22 +1,17 @@
 import Timeline from "@/Components/Feed/Timeline";
 import useLogin from "@/Hooks/useLogin";
-import {useMemo} from "react";
+import { useMemo } from "react";
 
 export function TopicsPage() {
   const { tags, pubKey } = useLogin(s => ({ tags: s.tags.item, pubKey: s.publicKey }));
-  const subject = useMemo(() => ({
+  const subject = useMemo(
-    type: "hashtag",
+    () => ({
-    items: tags,
+      type: "hashtag",
-    discriminator: pubKey ?? "",
+      items: tags,
-  }), [tags, pubKey]);
+      discriminator: pubKey ?? "",
-
+    }),
-  return (
+    [tags, pubKey],
-    <Timeline
-      subject={subject}
-      postsOnly={true}
-      method="TIME_RANGE"
-      loadMore={true}
-      window={60 * 60 * 6}
-    />
   );
+
+  return <Timeline subject={subject} postsOnly={true} method="TIME_RANGE" loadMore={true} window={60 * 60 * 6} />;
 }