Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

system-react module entrypoint, reaction loading memos

Browse Source
This commit is contained in:
Martti Malmi
2024-01-09 12:07:08 +02:00
parent bbdfb43834
commit 7a409c1455
6 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/app/src/Components/Event/Note/NoteFooter.tsx
View File

@ -3,7 +3,7 @@ import { countLeadingZeros, NostrLink, TaggedNostrEvent } from "@snort/system";
import { useEventReactions, useReactions, useUserProfile } from "@snort/system-react";
import { Menu, MenuItem } from "@szhsin/react-menu";
import classNames from "classnames";
import React, { forwardRef, useEffect, useState } from "react";
import React, { forwardRef, useEffect, useMemo, useState } from "react";
import { FormattedMessage, useIntl } from "react-intl";
import { useLongPress } from "use-long-press";
@ -43,9 +43,10 @@ export interface NoteFooterProps {
export default function NoteFooter(props: NoteFooterProps) {
const { ev } = props;
const link = NostrLink.fromEvent(ev);
const link = useMemo(() => NostrLink.fromEvent(ev), [ev.id]);
const ids = useMemo(() => [link], [link]);
const related = useReactions(link.id + "related", [link], undefined, false);
const related = useReactions(link.id + "related", ids, undefined, false);
const { reactions, zaps, reposts } = useEventReactions(link, related.data ?? []);
const { positive } = reactions;

14
packages/app/src/Components/Event/NoteReaction.tsx
View File

@ -24,6 +24,15 @@ export default function NoteReaction(props: NoteReactionProps) {
const profile = useUserProfile(inView ? ev.pubkey : "");
const root = useMemo(() => extractRoot(), [ev, props.root, inView]);
const opt = useMemo(
() => ({
showHeader: ev?.kind === EventKind.Repost || ev?.kind === EventKind.TextNote,
showFooter: false,
truncate: true,
}),
[ev],
);
const refEvent = useMemo(() => {
if (ev) {
const eTags = ev.tags.filter(a => a[0] === "e");
@ -69,11 +78,6 @@ export default function NoteReaction(props: NoteReactionProps) {
}
const isOpMuted = root && isMuted(root.pubkey);
const shouldNotBeRendered = isOpMuted || root?.kind !== EventKind.TextNote;
const opt = {
showHeader: ev?.kind === EventKind.Repost || ev?.kind === EventKind.TextNote,
showFooter: false,
truncate: true,
};
return shouldNotBeRendered ? null : (
<div className="card reaction">