From b1d68ac307ed87d63e83820cbdf843fff0fd9f7f Mon Sep 17 00:00:00 2001
From: polwex <polwex@sortug.com>
Date: Thu, 11 Sep 2025 01:48:14 +0700
Subject: init

---
 front/src/components/feed/Header.tsx | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 front/src/components/feed/Header.tsx

(limited to 'front/src/components/feed/Header.tsx')

diff --git a/front/src/components/feed/Header.tsx b/front/src/components/feed/Header.tsx
new file mode 100644
index 0000000..7658bfb
--- /dev/null
+++ b/front/src/components/feed/Header.tsx
@@ -0,0 +1,33 @@
+import { date_diff } from "@/logic/utils";
+import type { PostProps } from "./Post";
+import { useLocation } from "wouter";
+function Header(props: PostProps) {
+  const [_, navigate] = useLocation();
+  function go(e: React.MouseEvent) {
+    e.stopPropagation();
+  }
+  function openThread(e: React.MouseEvent) {
+    e.stopPropagation();
+    const sel = window.getSelection()?.toString();
+    if (!sel) navigate(`/feed/${poast.host}/${poast.id}`);
+  }
+  const { poast } = props;
+  const name = (
+    <div className="name cp">
+      <p className="p-only">{poast.author}</p>
+    </div>
+  );
+  return (
+    <header>
+      <div className="author flex-align" role="link" onMouseUp={go}>
+        {name}
+      </div>
+      <div role="link" onMouseUp={openThread} className="date">
+        <p title={new Date(poast.time).toLocaleString()}>
+          {date_diff(poast.time, "short")}
+        </p>
+      </div>
+    </header>
+  );
+}
+export default Header;
-- 
cgit v1.2.3