From 01af3a3a58dea2cbbf8c1b660458ec601aa5c8ef Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Thu, 12 Oct 2023 16:13:46 +0100
Subject: [PATCH] fix: timeline feed reactions

---
 packages/app/src/Feed/TimelineFeed.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/Feed/TimelineFeed.ts b/packages/app/src/Feed/TimelineFeed.ts
index f566168e..490fb681 100644
--- a/packages/app/src/Feed/TimelineFeed.ts
+++ b/packages/app/src/Feed/TimelineFeed.ts
@@ -1,11 +1,12 @@
 import { useCallback, useEffect, useMemo } from "react";
-import { EventKind, NoteCollection, RequestBuilder } from "@snort/system";
+import { EventKind, NostrLink, NoteCollection, RequestBuilder } from "@snort/system";
 import { useRequestBuilder } from "@snort/system-react";
 import { unixNow } from "@snort/shared";
 
 import useTimelineWindow from "Hooks/useTimelineWindow";
 import useLogin from "Hooks/useLogin";
 import { SearchRelays } from "Const";
+import { useReactions } from "./Reactions";
 
 export interface TimelineFeedOptions {
   method: "TIME_RANGE" | "LIMIT_UNTIL";
@@ -131,6 +132,7 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
   }, [pref.autoShowLatest, createBuilder]);
 
   const latest = useRequestBuilder(NoteCollection, subRealtime);
+  const reactions = useReactions(`${sub?.id}-reactions`, main.data?.map(a => NostrLink.fromEvent(a)) ?? []);
 
   useEffect(() => {
     // clear store if changing relays
@@ -140,7 +142,7 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
 
   return {
     main: main.data,
-    related: [],
+    related: reactions.data,
     latest: latest.data,
     loading: main.loading(),
     loadMore: () => {