Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

stop the upstream events when the low-data-mode is on
Some checks failed
continuous-integration/drone/pr Build is failing
Details

Browse Source
This commit is contained in:
Kamal Raj Sekar 2024-01-06 05:43:09 +00:00
parent 0ff8199896
commit a41a51e6ab
4 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/app/src/Element/Event/NoteInner.tsx
View File

@ -39,8 +39,13 @@ export function NoteInner(props: NoteProps) {
const { isEventMuted } = useModeration();
const { ref, inView } = useInView({ triggerOnce: true, rootMargin: "2000px" });
const { reactions, reposts, deletions, zaps } = useEventReactions(NostrLink.fromEvent(ev), related);
const login = useLogin();
const { preferences } = useLogin(s => ({ preferences: s.appData.item.preferences }));
const { reactions, reposts, deletions, zaps } = preferences.lowDataMode? {reactions:{
all: [],
positive: [],
negative: [],
}, reposts:[], deletions:[], zaps:[]} : useEventReactions(NostrLink.fromEvent(ev), related);
const { pinned, bookmarked } = useLogin();
const { publisher, system } = useEventPublisher();
const [translated, setTranslated] = useState<NoteTranslation>();

4
packages/app/src/Feed/ThreadFeed.ts
View File

@ -1,10 +1,12 @@
import { useEffect, useMemo, useState } from "react";
import { EventKind, NostrLink, RequestBuilder, NoteCollection, EventExt } from "@snort/system";
import { useReactions, useRequestBuilder } from "@snort/system-react";
import useLogin from "@/Hooks/useLogin";
export default function useThreadFeed(link: NostrLink) {
const [root, setRoot] = useState<NostrLink>();
const [allEvents, setAllEvents] = useState<Array<NostrLink>>([]);
const { preferences } = useLogin(s => ({ preferences: s.appData.item.preferences }));
const sub = useMemo(() => {
const sub = new RequestBuilder(`thread:${link.id.slice(0, 12)}`);
@ -62,7 +64,7 @@ export default function useThreadFeed(link: NostrLink) {
}
}, [store.data?.length]);
const reactions = useReactions(`thread:${link.id.slice(0, 12)}:reactions`, [link, ...allEvents]);
const reactions = preferences.lowDataMode ? [] :useReactions(`thread:${link.id.slice(0, 12)}:reactions`, [link, ...allEvents]);
return {
thread: store.data ?? [],

2
packages/app/src/Feed/TimelineFeed.ts
View File

@ -131,7 +131,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)) ?? []);
const reactions = pref.lowDataMode? [] : useReactions(`${sub?.id}-reactions`, main.data?.map(a => NostrLink.fromEvent(a)) ?? []);
return {
main: main.data,

4
packages/app/src/Hooks/useThreadContext.tsx
View File

@ -5,6 +5,7 @@ import useThreadFeed from "@/Feed/ThreadFeed";
import { ReactNode, createContext, useMemo, useState } from "react";
import { useLocation } from "react-router-dom";
import useModeration from "./useModeration";
import useLogin from "./useLogin";
export interface ThreadContext {
current: string;
@ -38,6 +39,7 @@ export function ThreadContextWrapper({ link, children }: { link: NostrLink; chil
const [currentId, setCurrentId] = useState(unwrap(link.toEventTag())[1]);
const feed = useThreadFeed(link);
const { isBlocked } = useModeration();
const { preferences } = useLogin(s => ({ preferences: s.appData.item.preferences }));
const chains = useMemo(() => {
const chains = new Map<u256, Array<TaggedNostrEvent>>();
@ -79,7 +81,7 @@ export function ThreadContextWrapper({ link, children }: { link: NostrLink; chil
current: currentId,
root,
chains,
reactions: feed.reactions,
reactions: preferences.lowDataMode? [] : feed.reactions,
data: feed.thread,
setCurrent: v => setCurrentId(v),
};