diff options
| author | polwex <polwex@sortug.com> | 2025-09-11 01:48:14 +0700 |
|---|---|---|
| committer | polwex <polwex@sortug.com> | 2025-09-11 01:48:14 +0700 |
| commit | b1d68ac307ed87d63e83820cbdf843fff0fd9f7f (patch) | |
| tree | d6a684a70a80509e68ff667b842aa4e4c091906f /front/src/components/feed/Quote.tsx | |
init
Diffstat (limited to 'front/src/components/feed/Quote.tsx')
| -rw-r--r-- | front/src/components/feed/Quote.tsx | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/front/src/components/feed/Quote.tsx b/front/src/components/feed/Quote.tsx new file mode 100644 index 0000000..d71be40 --- /dev/null +++ b/front/src/components/feed/Quote.tsx @@ -0,0 +1,37 @@ +import type { FullNode } from "@/types/trill"; +import { date_diff } from "@/logic/utils"; +import { useLocation } from "wouter"; +import Body from "./Body"; +import Sigil from "../Sigil"; +import { toFlat } from "./RP"; + +function Quote({ + data, + refetch, + nest, +}: { + data: FullNode; + refetch?: Function; + nest: number; +}) { + const [_, navigate] = useLocation(); + function gotoQuote(e: React.MouseEvent) { + e.stopPropagation(); + navigate(`/feed/${data.host}/${data.id}`); + } + return ( + <div onMouseUp={gotoQuote} className="quote-in-post"> + <header className="btw"> + ( + <div className="quote-author flex"> + <Sigil patp={data.author} size={20} /> + {data.author} + </div> + )<span>{date_diff(data.time, "short")}</span> + </header> + <Body poast={toFlat(data)} nest={nest} refetch={refetch!} /> + </div> + ); +} + +export default Quote; |