add why-did-you-render

packages/app/src/Components/Event/Note.tsx

@@ -1,7 +1,7 @@
 import "./Note.css";
 
 import { EventKind, NostrEvent, TaggedNostrEvent } from "@snort/system";
-import { ReactNode } from "react";
+import { memo, ReactNode } from "react";
 
 import PubkeyList from "@/Components/Embed/PubkeyList";
 import ZapstrEmbed from "@/Components/Embed/ZapstrEmbed";
@@ -47,7 +47,7 @@ export interface NoteProps {
   waitUntilInView?: boolean;
 }
 
-export default function Note(props: NoteProps) {
+export default memo(function Note(props: NoteProps) {
   const { data: ev, className } = props;
 
   let content;
@@ -90,4 +90,4 @@ export default function Note(props: NoteProps) {
   }
 
   return <ErrorBoundary>{content}</ErrorBoundary>;
-}
+});

packages/app/src/Components/Event/NoteInner.tsx

@@ -26,7 +26,7 @@ import { NoteContextMenu, NoteTranslation } from "./NoteContextMenu";
 import NoteFooter from "./NoteFooter";
 import NoteTime from "./NoteTime";
 import Poll from "./Poll";
-import Reactions from "./Reactions";
+import ReactionsModal from "./ReactionsModal";
 import Reveal from "./Reveal";
 
 const TEXT_TRUNCATE_LENGTH = 400;
@@ -388,7 +388,7 @@ export function NoteInner(props: NoteProps) {
             replies={props.threadChains?.get(chainKey(ev))?.length}
           />
         )}
-        <Reactions
+        <ReactionsModal
           show={showReactions}
           setShow={setShowReactions}
           positive={reactions.positive}