diff options
| author | polwex <polwex@sortug.com> | 2025-09-17 15:56:00 +0700 |
|---|---|---|
| committer | polwex <polwex@sortug.com> | 2025-09-17 15:56:00 +0700 |
| commit | f0df4c7297a05bd592d8717b8997284c80fd0500 (patch) | |
| tree | 2d38e079e971a2e98e78a0f7a3104f2bd3c5daeb /front/src/components/composer/Snippets.tsx | |
| parent | 387af8fc1603805b02ce03f8adba4fa73a954f7c (diff) | |
argh
Diffstat (limited to 'front/src/components/composer/Snippets.tsx')
| -rw-r--r-- | front/src/components/composer/Snippets.tsx | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/front/src/components/composer/Snippets.tsx b/front/src/components/composer/Snippets.tsx new file mode 100644 index 0000000..30498d0 --- /dev/null +++ b/front/src/components/composer/Snippets.tsx @@ -0,0 +1,62 @@ +import Quote from "@/components/post/Quote"; +import type { ComposerData, SPID } from "@/types/ui"; +import { NostrSnippet } from "../post/wrappers/Nostr"; + +export default Snippets; +function Snippets({ post }: { post: SPID }) { + return ( + <ComposerSnippet> + <PostSnippet post={post} /> + </ComposerSnippet> + ); +} + +export function ComposerSnippet({ + onClick, + children, +}: { + onClick?: any; + children: any; +}) { + function onc(e: React.MouseEvent) { + e.stopPropagation(); + onClick(); + } + return ( + <div className="composer-snippet"> + <div className="pop-snippet-icon cp" role="link" onClick={onc}></div> + {children} + </div> + ); +} +function PostSnippet({ post }: { post: SPID }) { + if ("trill" in post) return <Quote data={post.trill} nest={0} />; + else if ("nostr" in post) return <NostrSnippet {...post.nostr} />; + // else if ("twatter" in post) + // return ( + // <div id={`composer-${type}`}> + // <Tweet tweet={post.post} quote={true} /> + // </div> + // ); + // else if ("rumors" in post) + // return ( + // <div id={`composer-${type}`}> + // <div className="rumor-quote f1"> + // <img src={rumorIcon} alt="" /> + // <Body poast={post.post} refetch={() => {}} /> + // <span>{date_diff(post.post.time, "short")}</span> + // </div> + // </div> + // ); + else return <></>; +} + +export function ReplySnippet({ post }: { post: SPID }) { + if ("trill" in post) + return ( + <div id="reply"> + <Quote data={post.trill} nest={0} /> + </div> + ); + else return <div />; +} |