fix(mass-pr): extract components

extract components
Comfy-Org · Jan 20, 2025 · 36d4e54 · 36d4e54
1 parent 1e654a1
commit 36d4e54
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 31 deletions.
diff --git a/app/(dashboard)/layout.tsx b/app/(dashboard)/layout.tsx
@@ -1,4 +1,4 @@
-import Link from "next/link";
+import { Header } from "../Components/Header";
 
 /**
  *
@@ -7,19 +7,7 @@ import Link from "next/link";
 export default function ComponentLayout({ children }: { children: React.ReactNode }) {
   return (
     <div className="w-full min-h-screen flex bg-cyan-800 card-body text-white gap-8">
-      <header className="flex w-full gap-4 flex-wrap">
-        <Link href="/">
-          <h1 className="text-5xl">Comfy-PR</h1>
-        </Link>
-        <nav className="flex gap-2 flex-wrap">
-          <Link href="/details" className="text-2xl">
-            Details
-          </Link>
-          <Link href="/rules" className="text-2xl">
-            Rules
-          </Link>
-        </nav>
-      </header>
+      <Header />
       <div className="shadow-xl bg-cyan-900 text-white w-full card">{children}</div>
     </div>
   );

diff --git a/app/Components/Header.tsx b/app/Components/Header.tsx
@@ -0,0 +1,22 @@
+import Link from "next/link";
+
+export  function Header() {
+    return <header className="flex w-full gap-4 flex-wrap">
+      <Link href="/">
+        <h1 className="text-5xl">Comfy-PR</h1>
+      </Link>
+      <nav className="flex gap-2 flex-wrap">
+        <Link href="/details" className="text-2xl">
+          Details
+        </Link>
+        <Link href="/rules" className="text-2xl">
+          Rules
+        </Link>
+        <Link href="/tasks" className="text-2xl">
+          Tasks
+        </Link>
+      </nav>
+    </header>;
+  }
+
+
diff --git a/app/tasks/GithubActionUpdateTask/page.tsx b/app/tasks/GithubActionUpdateTask/page.tsx
@@ -1,3 +1,4 @@
+import { getAuthUser } from "@/app/(dashboard)/rules/getAuthUser";
 import "@/app/markdown.css";
 import "@/app/tasks-panel.css";
 import {
@@ -8,13 +9,16 @@ import {
 import { parseTitleBodyOfMarkdown } from "@/src/parseTitleBodyOfMarkdown";
 import { yaml } from "@/src/utils/yaml";
 import DIE from "@snomiao/die";
+import { forbidden } from "next/navigation";
 import Markdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 /**
  *
  * @author: snomiao <[email protected]>
  */
 export default async function GithubActionUpdateTaskPage() {
+  const user = await getAuthUser();
+  if (!user.admin) forbidden();
   const data = await listGithubActionUpdateTask();
   const errorData = data.filter((e) => e.error);
   const processingData = data.filter((e) => !e.pullRequestMessage);
@@ -29,6 +33,13 @@ export default async function GithubActionUpdateTaskPage() {
   return (
     <div className="tasks-panel">
       <h1>GithubActionUpdateTasks in Total x{data.length}</h1>
+      <ul className="pl-4">
+        <li>1. Drafting PRs x{processingData.length}</li>
+        <li>2. Pending Reviews x{pendingReviewsData.length}</li>
+        <li>3. Pending Create Pull Request x{pendingCreatePRData.length}</li>
+        <li>4. Pull Request Created x{prCreatedData.length}</li>
+        <li>5. Errors x{errorData.length}</li>
+      </ul>
 
       <h2>1. Drafting PRs x{processingData.length}</h2>
       <ol className="flex flex-col max-w-full px-4">
@@ -60,6 +71,7 @@ export default async function GithubActionUpdateTaskPage() {
                 className="btn"
                 onClick={async () => {
                   "use server";
+                  await getAuthUser();
                   await approveGithubActionUpdateTask(e.repo, e.branchVersionHash ?? DIE("missing branchVersionHash"));
                   return "ok";
                 }}

diff --git a/app/tasks/layout.tsx b/app/tasks/layout.tsx
@@ -1,5 +1,5 @@
-import Link from "next/link";
 import { Suspense } from "react";
+import { Header } from "../Components/Header";
 
 /**
  *
@@ -8,22 +8,10 @@ import { Suspense } from "react";
 export default function ComponentLayout({ children }: { children: React.ReactNode }) {
   return (
     <div className="w-full min-h-screen flex bg-grey-300 card-body text-black gap-8">
-      <header className="flex w-full gap-4 flex-wrap">
-        <Link href="/">
-          <h1 className="text-5xl">Comfy-PR</h1>
-        </Link>
-        <nav className="flex gap-2 flex-wrap">
-          <Link href="/details" className="text-2xl">
-            Details
-          </Link>
-          <Link href="/rules" className="text-2xl">
-            Rules
-          </Link>
-        </nav>
-      </header>
+      <Header />
       <div className="shadow-xl w-full card">
         <Suspense>{children}</Suspense>
       </div>
     </div>
   );
-}
+}
diff --git a/app/tasks/page.tsx b/app/tasks/page.tsx
@@ -1,5 +1,5 @@
 import { GithubActionUpdateTask } from "@/src/2025-01-20-GithubActionUpdateTask/GithubActionUpdateTask";
-import { yaml } from "@/src/utils/yaml";
+import Link from "next/link";
 import pProps from "p-props";
 
 /**
@@ -10,5 +10,12 @@ export default async function TasksIndexPage() {
   const counts = await pProps({
     GithubActionUpdateTask: GithubActionUpdateTask.estimatedDocumentCount(),
   });
-  return <pre>{yaml.stringify(counts)}</pre>;
+
+  return (
+    <ol>
+      <li>
+        <Link href="/tasks/GithubActionUpdateTask">GithubActionUpdateTask x {counts.GithubActionUpdateTask}</Link>
+      </li>
+    </ol>
+  );
 }