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;