();
- const { formatMessage } = useIntl();
- const reactions = useMemo(() => getReactions(related, ev.id, EventKind.Reaction), [related, ev]);
- const groupReactions = useMemo(() => {
- const result = reactions?.reduce(
- (acc, reaction) => {
- const kind = normalizeReaction(reaction.content);
- const rs = acc[kind] || [];
- return { ...acc, [kind]: [...rs, reaction] };
- },
- {
- [Reaction.Positive]: [] as TaggedNostrEvent[],
- [Reaction.Negative]: [] as TaggedNostrEvent[],
- },
- );
- return {
- [Reaction.Positive]: dedupeByPubkey(result[Reaction.Positive]),
- [Reaction.Negative]: dedupeByPubkey(result[Reaction.Negative]),
- };
- }, [reactions]);
- const positive = groupReactions[Reaction.Positive];
- const negative = groupReactions[Reaction.Negative];
- const reposts = useMemo(
- () =>
- dedupeByPubkey([
- ...getReactions(related, ev.id, EventKind.TextNote).filter(e => e.tags.some(tagFilterOfTextRepost(e, ev.id))),
- ...getReactions(related, ev.id, EventKind.Repost),
- ]),
- [related, ev],
- );
- const zaps = useMemo(() => {
- const sortedZaps = getReactions(related, ev.id, EventKind.ZapReceipt)
- .map(a => parseZap(a, UserCache, ev))
- .filter(z => z.valid);
- sortedZaps.sort((a, b) => b.amount - a.amount);
- return sortedZaps;
- }, [related]);
- const totalReactions = positive.length + negative.length + reposts.length + zaps.length;
-
- const options = {
- showHeader: true,
- showTime: true,
- showFooter: true,
- canUnpin: false,
- canUnbookmark: false,
- showContextMenu: true,
- ...opt,
- };
-
- async function unpin(id: HexKey) {
- if (options.canUnpin && publisher) {
- if (window.confirm(formatMessage(messages.ConfirmUnpin))) {
- const es = pinned.item.filter(e => e !== id);
- const ev = await publisher.noteList(es, Lists.Pinned);
- System.BroadcastEvent(ev);
- setPinned(login, es, ev.created_at * 1000);
- }
- }
- }
-
- async function unbookmark(id: HexKey) {
- if (options.canUnbookmark && publisher) {
- if (window.confirm(formatMessage(messages.ConfirmUnbookmark))) {
- const es = bookmarked.item.filter(e => e !== id);
- const ev = await publisher.noteList(es, Lists.Bookmarked);
- System.BroadcastEvent(ev);
- setBookmarked(login, es, ev.created_at * 1000);
- }
- }
- }
-
- const innerContent = () => {
- if (ev.kind === EventKind.LongFormTextNote) {
- const title = findTag(ev, "title");
- const summary = findTag(ev, "simmary");
- const image = findTag(ev, "image");
- return (
-
-
{title}
-
-
{summary}
-
- {image &&
}
-
-
- re:
- {(mentions?.length ?? 0) > 0 ? (
- <>
- {pubMentions} {others}
-
- ) : (
- replyLink && {replyLink.encode().substring(0, 12)}
- )}
-
- );
- }
-
- const canRenderAsTextNote = [EventKind.TextNote, EventKind.Polls, EventKind.LongFormTextNote];
- if (!canRenderAsTextNote.includes(ev.kind)) {
- const alt = findTag(ev, "alt");
- if (alt) {
- return (
-
-
-
- );
- } else {
- return (
- <>
-
-
-
- {JSON.stringify(ev, undefined, " ")}
-
- );
- }
- }
-
- function translation() {
- if (translated && translated.confidence > 0.5) {
- return (
- <>
-
-
-
- {translated.text}
-
- );
- } else if (translated) {
- return (
-
-
-
- );
- }
- }
-
- function pollOptions() {
- if (ev.kind !== EventKind.Polls) return;
-
- return ;
- }
-
- function content() {
- if (!inView) return undefined;
- return (
- <>
- {options.showHeader && (
-
-
-
- {(options.showTime || options.showBookmarked) && (
- <>
- {options.showBookmarked && (
-
unbookmark(ev.id)}>
-
-
- )}
- {!options.showBookmarked &&
}
-
- )}
- {options.showPinned && (
-
unpin(ev.id)}>
-
-
- )}
- {options.showContextMenu && (
-
{}}
- onTranslated={t => setTranslated(t)}
- setShowReactions={setShowReactions}
- />
- )}
-
-
goToEvent(e, ev, true)}>
- {transformBody()}
- {translation()}
- {pollOptions()}
- {options.showReactionsLink && (
-
setShowReactions(true)}>
-
-
- )}
-
goToEvent(e, ev)} ref={ref}>
- {content()}
-
- );
-
- return !ignoreModeration && isEventMuted(ev) ? {note} : note;
-}
diff --git a/packages/app/src/Element/Event/NoteInner.tsx b/packages/app/src/Element/Event/NoteInner.tsx
new file mode 100644
index 00000000..4fc00af5
--- /dev/null
+++ b/packages/app/src/Element/Event/NoteInner.tsx
@@ -0,0 +1,397 @@
+import { Link, useNavigate } from "react-router-dom";
+import React, { ReactNode, useMemo, useState } from "react";
+import {
+ dedupeByPubkey,
+ findTag,
+ getReactions,
+ hexToBech32,
+ normalizeReaction,
+ profileLink,
+ Reaction,
+ tagFilterOfTextRepost,
+} from "../../SnortUtils";
+import useModeration from "../../Hooks/useModeration";
+import { useInView } from "react-intersection-observer";
+import useLogin from "../../Hooks/useLogin";
+import useEventPublisher from "../../Hooks/useEventPublisher";
+import { NoteContextMenu, NoteTranslation } from "./NoteContextMenu";
+import { FormattedMessage, useIntl } from "react-intl";
+import { UserCache } from "../../Cache";
+import messages from "../messages";
+import { System } from "../../index";
+import { setBookmarked, setPinned } from "../../Login";
+import Text from "../Text";
+import { ProxyImg } from "../ProxyImg";
+import Reveal from "./Reveal";
+import Poll from "./Poll";
+import ProfileImage from "../User/ProfileImage";
+import Icon from "../../Icons/Icon";
+import NoteTime from "./NoteTime";
+import NoteFooter from "./NoteFooter";
+import Reactions from "./Reactions";
+import HiddenNote from "./HiddenNote";
+import { NoteProps } from "./Note";
+import { EventExt, EventKind, HexKey, Lists, NostrLink, NostrPrefix, parseZap, TaggedNostrEvent } from "@snort/system";
+
+export function NoteInner(props: NoteProps) {
+ const { data: ev, related, highlight, options: opt, ignoreModeration = false, className } = props;
+
+ const baseClassName = `note card${className ? ` ${className}` : ""}`;
+ const navigate = useNavigate();
+ const [showReactions, setShowReactions] = useState(false);
+ const deletions = useMemo(() => getReactions(related, ev.id, EventKind.Deletion), [related]);
+ const { isEventMuted } = useModeration();
+ const { ref, inView } = useInView({ triggerOnce: true });
+ const login = useLogin();
+ const { pinned, bookmarked } = login;
+ const publisher = useEventPublisher();
+ const [translated, setTranslated] = useState();
+ const { formatMessage } = useIntl();
+ const reactions = useMemo(() => getReactions(related, ev.id, EventKind.Reaction), [related, ev]);
+ const groupReactions = useMemo(() => {
+ const result = reactions?.reduce(
+ (acc, reaction) => {
+ const kind = normalizeReaction(reaction.content);
+ const rs = acc[kind] || [];
+ return { ...acc, [kind]: [...rs, reaction] };
+ },
+ {
+ [Reaction.Positive]: [] as TaggedNostrEvent[],
+ [Reaction.Negative]: [] as TaggedNostrEvent[],
+ },
+ );
+ return {
+ [Reaction.Positive]: dedupeByPubkey(result[Reaction.Positive]),
+ [Reaction.Negative]: dedupeByPubkey(result[Reaction.Negative]),
+ };
+ }, [reactions]);
+ const positive = groupReactions[Reaction.Positive];
+ const negative = groupReactions[Reaction.Negative];
+ const reposts = useMemo(
+ () =>
+ dedupeByPubkey([
+ ...getReactions(related, ev.id, EventKind.TextNote).filter(e => e.tags.some(tagFilterOfTextRepost(e, ev.id))),
+ ...getReactions(related, ev.id, EventKind.Repost),
+ ]),
+ [related, ev],
+ );
+ const zaps = useMemo(() => {
+ const sortedZaps = getReactions(related, ev.id, EventKind.ZapReceipt)
+ .map(a => parseZap(a, UserCache, ev))
+ .filter(z => z.valid);
+ sortedZaps.sort((a, b) => b.amount - a.amount);
+ return sortedZaps;
+ }, [related]);
+ const totalReactions = positive.length + negative.length + reposts.length + zaps.length;
+
+ const options = {
+ showHeader: true,
+ showTime: true,
+ showFooter: true,
+ canUnpin: false,
+ canUnbookmark: false,
+ showContextMenu: true,
+ ...opt,
+ };
+
+ async function unpin(id: HexKey) {
+ if (options.canUnpin && publisher) {
+ if (window.confirm(formatMessage(messages.ConfirmUnpin))) {
+ const es = pinned.item.filter(e => e !== id);
+ const ev = await publisher.noteList(es, Lists.Pinned);
+ System.BroadcastEvent(ev);
+ setPinned(login, es, ev.created_at * 1000);
+ }
+ }
+ }
+
+ async function unbookmark(id: HexKey) {
+ if (options.canUnbookmark && publisher) {
+ if (window.confirm(formatMessage(messages.ConfirmUnbookmark))) {
+ const es = bookmarked.item.filter(e => e !== id);
+ const ev = await publisher.noteList(es, Lists.Bookmarked);
+ System.BroadcastEvent(ev);
+ setBookmarked(login, es, ev.created_at * 1000);
+ }
+ }
+ }
+
+ const innerContent = () => {
+ if (ev.kind === EventKind.LongFormTextNote) {
+ const title = findTag(ev, "title");
+ const summary = findTag(ev, "simmary");
+ const image = findTag(ev, "image");
+ return (
+
+
{title}
+
+
{summary}
+
+ {image &&
}
+
+
+ re:
+ {(mentions?.length ?? 0) > 0 ? (
+ <>
+ {pubMentions} {others}
+
+ ) : (
+ replyLink && {replyLink.encode().substring(0, 12)}
+ )}
+
+ );
+ }
+
+ const canRenderAsTextNote = [EventKind.TextNote, EventKind.Polls, EventKind.LongFormTextNote];
+ if (!canRenderAsTextNote.includes(ev.kind)) {
+ const alt = findTag(ev, "alt");
+ if (alt) {
+ return (
+
+
+
+ );
+ } else {
+ return (
+ <>
+
+
+
+ {JSON.stringify(ev, undefined, " ")}
+
+ );
+ }
+ }
+
+ function translation() {
+ if (translated && translated.confidence > 0.5) {
+ return (
+ <>
+
+
+
+ {translated.text}
+
+ );
+ } else if (translated) {
+ return (
+
+
+
+ );
+ }
+ }
+
+ function pollOptions() {
+ if (ev.kind !== EventKind.Polls) return;
+
+ return ;
+ }
+
+ function content() {
+ if (!inView) return undefined;
+ return (
+ <>
+ {options.showHeader && (
+
+
+
+ {(options.showTime || options.showBookmarked) && (
+ <>
+ {options.showBookmarked && (
+
unbookmark(ev.id)}>
+
+
+ )}
+ {!options.showBookmarked &&
}
+
+ )}
+ {options.showPinned && (
+
unpin(ev.id)}>
+
+
+ )}
+ {options.showContextMenu && (
+
{}}
+ onTranslated={t => setTranslated(t)}
+ setShowReactions={setShowReactions}
+ />
+ )}
+
+
goToEvent(e, ev, true)}>
+ {transformBody()}
+ {translation()}
+ {pollOptions()}
+ {options.showReactionsLink && (
+
setShowReactions(true)}>
+
+
+ )}
+
goToEvent(e, ev)} ref={ref}>
+ {content()}
+
+ );
+
+ return !ignoreModeration && isEventMuted(ev) ? {note} : note;
+}