feat: complete TechLog public screens

2026-08-15 23:19:04 +09:00
parent 4283e40bb2
commit 2b6fa42620
12 changed files with 987 additions and 0 deletions
@@ -0,0 +1,44 @@
+import { Link } from "react-router-dom";
+
+import { TECH_LOG_FEATURE_ID } from "../../../application/tech-log-feature-input.ts";
+import { useApplication } from "../../../../../presentation/providers/application-provider.tsx";
+import {
+  RegisteredNotFoundRoute,
+  useRouteInput,
+} from "../../../../../presentation/routes/route-input.tsx";
+import { ProjectPageHeader } from "../components/project-page-header.tsx";
+
+export function ProjectActivityPage() {
+  const { params } = useRouteInput<"TECH_LOG_PROJECT_ACTIVITY">();
+  const slug = typeof params.slug === "string" ? params.slug : "";
+  const { publicContent } = useApplication().features.get(TECH_LOG_FEATURE_ID);
+  const project = publicContent.getProject(slug);
+
+  if (!project) return <RegisteredNotFoundRoute />;
+
+  const activity = publicContent.getProjectActivity(slug);
+  return (
+    <main id="main-content" className="shell project-page">
+      <ProjectPageHeader project={project} title={`${project.title} 활동`} />
+      <ol className="project-activity-list">
+        {activity.map((item) => (
+          <li key={item.id}>
+            <article id={item.id}>
+              <div>
+                <span>{item.type}</span>
+                <time dateTime={item.dateTime}>{item.date}</time>
+              </div>
+              <h2>{item.title}</h2>
+              <p>{item.summary}</p>
+              <Link to={item.recordPath ?? item.path}>
+                {item.recordPath
+                  ? "연결된 공개 기록 읽기"
+                  : "이 활동 위치 열기"}
+              </Link>
+            </article>
+          </li>
+        ))}
+      </ol>
+    </main>
+  );
+}