1 files changed, 64 insertions, 0 deletions
diff --git a/front/src/components/post/Quote.tsx b/front/src/components/post/Quote.tsx
new file mode 100644
index 0000000..28149f0
--- /dev/null
+++ b/front/src/components/post/Quote.tsx
@@ -0,0 +1,64 @@
+import type { FullNode, Poast } from "@/types/trill";
+import { date_diff } from "@/logic/utils";
+import { useLocation } from "wouter";
+import Body from "./Body";
+import Sigil from "../Sigil";
+
+// 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>
+//   );
+// }
+function Quote({
+  data,
+  refetch,
+  nest,
+}: {
+  data: Poast;
+  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={data} nest={nest} refetch={refetch!} />
+    </div>
+  );
+}
+
+export default Quote;