雨宮蓮andGitHub
717c3e17df
* feat: improve create column command * refactor: thread * feat: add window virtualized to event screen * chore: update deps * fix: window decoration * feat: improve mention ntoe * feat: add subscription to event screen
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import { Note } from "@/components/note";
|
|
import type { LumeEvent } from "@lume/system";
|
|
import NoteChild from "./child";
|
|
import { memo } from "react";
|
|
|
|
const NoteParent = memo(function NoteParent({ event }: { event: LumeEvent }) {
|
|
return (
|
|
<Note.Provider event={event}>
|
|
<Note.Root className="flex flex-col gap-6 mb-3">
|
|
<div>
|
|
<div className="flex items-center justify-between">
|
|
<Note.User />
|
|
<Note.Menu />
|
|
</div>
|
|
<div className="flex gap-2">
|
|
<div className="w-8 shrink-0" />
|
|
<div className="flex-1 flex flex-col gap-2">
|
|
<Note.ContentLarge />
|
|
<div className="flex items-center gap-1">
|
|
<Note.Reply />
|
|
<Note.Repost />
|
|
<Note.Zap />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{event.replies?.length ? (
|
|
<div className="flex flex-col gap-3 pl-4">
|
|
<div className="flex flex-col gap-3 pl-6 border-l border-black/10 dark:border-white/10">
|
|
{event.replies?.map((childEvent) => (
|
|
<NoteChild key={childEvent.id} event={childEvent} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
) : null}
|
|
</Note.Root>
|
|
</Note.Provider>
|
|
);
|
|
});
|
|
|
|
export default NoteParent;
|