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

Optimize note reaction

This commit is contained in:
Kieran 2023-09-06 14:27:59 +01:00
parent 28b98864a6
commit 08bc4cafa9
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/app/src/Element/NoteReaction.tsx
View File

@ -10,6 +10,7 @@ import useModeration from "Hooks/useModeration";
import { FormattedMessage } from "react-intl";
import Icon from "Icons/Icon";
import { useUserProfile } from "@snort/system-react";
import { useInView } from "react-intersection-observer";
export interface NoteReactionProps {
data: TaggedNostrEvent;
@ -19,7 +20,8 @@ export interface NoteReactionProps {
export default function NoteReaction(props: NoteReactionProps) {
const { data: ev } = props;
const { isMuted } = useModeration();
const profile = useUserProfile(ev.pubkey);
const { inView, ref } = useInView({ triggerOnce: true });
const profile = useUserProfile(inView ? ev.pubkey : "");
const refEvent = useMemo(() => {
if (ev) {
@ -44,6 +46,7 @@ export default function NoteReaction(props: NoteReactionProps) {
* Some clients embed the reposted note in the content
*/
function extractRoot() {
if(!inView) return null;
if (ev?.kind === EventKind.Repost && ev.content.length > 0 && ev.content !== "#[0]") {
try {
const r: NostrEvent = JSON.parse(ev.content);
@ -60,7 +63,11 @@ export default function NoteReaction(props: NoteReactionProps) {
return props.root;
}
const root = extractRoot();
const root = useMemo(() => extractRoot(), [ev, props.root, inView]);
if (!inView) {
return (<div className="card reaction" ref={ref}></div>)
}
const isOpMuted = root && isMuted(root.pubkey);
const shouldNotBeRendered = isOpMuted || root?.kind !== EventKind.TextNote;
const opt = {