Note -> EventComponent, split NoteInner

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

@@ -0,0 +1,26 @@
+import { NostrLink } from "@snort/system";
+import { useEventFeed } from "@snort/system-react";
+
+import Note from "@/Components/Event/EventComponent";
+import PageSpinner from "@/Components/PageSpinner";
+
+export default function NoteQuote({ link, depth }: { link: NostrLink; depth?: number }) {
+  const ev = useEventFeed(link);
+  if (!ev.data)
+    return (
+      <div className="note-quote flex items-center justify-center h-[110px]">
+        <PageSpinner />
+      </div>
+    );
+  return (
+    <Note
+      data={ev.data}
+      className="note-quote"
+      depth={(depth ?? 0) + 1}
+      options={{
+        showFooter: false,
+        truncate: true,
+      }}
+    />
+  );
+}