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

fix: memoize note inner to prevent video reloading

Browse Source
This commit is contained in:
Kieran 2023-10-15 23:19:10 +01:00
parent 3a95689792
commit a29d82bd56
No known key found for this signature in database
GPG Key ID: DE71CEB3925BE941
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,5 @@
import { Link, useNavigate } from "react-router-dom";
import React, { ReactNode, useState } from "react";
import React, { ReactNode, useMemo, useState } from "react";
import { useInView } from "react-intersection-observer";
import { FormattedMessage, useIntl } from "react-intl";
import { EventExt, EventKind, HexKey, Lists, NostrLink, NostrPrefix, TaggedNostrEvent } from "@snort/system";
@ -74,7 +74,7 @@ export function NoteInner(props: NoteProps) {
}
}
const innerContent = () => {
const innerContent = useMemo(() => {
const body = ev?.content ?? "";
return (
<Text
@ -88,7 +88,7 @@ export function NoteInner(props: NoteProps) {
disableMediaSpotlight={!(props.options?.showMediaSpotlight ?? true)}
/>
);
};
}, [ev, props.searchedValue, props.depth, options.showMedia, props.options?.showMediaSpotlight]);
const transformBody = () => {
if (deletions?.length > 0) {
@ -126,11 +126,11 @@ export function NoteInner(props: NoteProps) {
<FormattedMessage defaultMessage="Click here to load anyway" />
</>
}>
{innerContent()}
{innerContent}
</Reveal>
);
}
return innerContent();
return innerContent;
};
function goToEvent(