From 449ed1d79bb75b254ba2be6bb833d701ca83e63a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Tue, 8 Aug 2023 16:15:55 +0200
Subject: [PATCH] Simplify project header props
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
---
 src/views/projects/Header.svelte | 30 ++++++++++++------------------
 src/views/projects/Layout.svelte |  9 +--------
 2 files changed, 13 insertions(+), 26 deletions(-)

diff --git a/src/views/projects/Header.svelte b/src/views/projects/Header.svelte
index c6f091824..4506c4727 100644
--- a/src/views/projects/Header.svelte
+++ b/src/views/projects/Header.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <script lang="ts">
-  import type { BaseUrl } from "@httpd-client";
+  import type { BaseUrl, Project } from "@httpd-client";
 
   import { isLocal } from "@app/lib/utils";
   import { pluralize } from "@app/lib/pluralize";
@@ -15,13 +15,7 @@
 
   export let baseUrl: BaseUrl;
   export let activeTab: ActiveTab = undefined;
-
-  export let projectId: string;
-  export let projectName: string;
-
-  export let openPatchCount: number;
-  export let openIssueCount: number;
-  export let trackings: number;
+  export let project: Project;
 </script>
 
 <style>
@@ -47,7 +41,7 @@
   <Link
     route={{
       resource: "project.source",
-      project: projectId,
+      project: project.id,
       node: baseUrl,
       path: "/",
     }}>
@@ -61,33 +55,33 @@
   <Link
     route={{
       resource: "project.issues",
-      project: projectId,
+      project: project.id,
       node: baseUrl,
     }}>
     <SquareButton active={activeTab === "issues"}>
       <svelte:fragment slot="icon">
         <Icon size="small" name="exclamation-circle" />
       </svelte:fragment>
-      <span class="txt-bold">{openIssueCount}</span>
-      {pluralize("issue", openIssueCount)}
+      <span class="txt-bold">{project.issues.open}</span>
+      {pluralize("issue", project.issues.open)}
     </SquareButton>
   </Link>
 
   <Link
     route={{
       resource: "project.patches",
-      project: projectId,
+      project: project.id,
       node: baseUrl,
     }}>
     <SquareButton active={activeTab === "patches"}>
       <svelte:fragment slot="icon">
         <Icon size="small" name="patch" />
       </svelte:fragment>
-      <span class="txt-bold">{openPatchCount}</span>
-      {pluralize("patch", openPatchCount)}
+      <span class="txt-bold">{project.patches.open}</span>
+      {pluralize("patch", project.patches.open)}
     </SquareButton>
   </Link>
-  <CloneButton {baseUrl} id={projectId} name={projectName} />
+  <CloneButton {baseUrl} id={project.id} name={project.name} />
 
   <Link
     route={{
@@ -101,11 +95,11 @@
       {isLocal(baseUrl.hostname) ? "radicle.local" : baseUrl.hostname}
     </SquareButton>
   </Link>
-  <SquareButton hoverable={false} title="Tracked by {trackings} nodes">
+  <SquareButton hoverable={false} title="Tracked by {project.trackings} nodes">
     <svelte:fragment slot="icon">
       <Icon size="small" name="network" />
     </svelte:fragment>
-    <span class="txt-bold">{trackings}</span>
+    <span class="txt-bold">{project.trackings}</span>
     nodes
   </SquareButton>
 </div>
diff --git a/src/views/projects/Layout.svelte b/src/views/projects/Layout.svelte
index 7a81032c5..a2e4c66a5 100644
--- a/src/views/projects/Layout.svelte
+++ b/src/views/projects/Layout.svelte
@@ -129,14 +129,7 @@
     </div>
   </header>
 
-  <Header
-    openIssueCount={project.issues.open}
-    openPatchCount={project.patches.open}
-    projectId={project.id}
-    projectName={project.name}
-    trackings={project.trackings}
-    {activeTab}
-    {baseUrl} />
+  <Header {project} {activeTab} {baseUrl} />
 </div>
 
 <main>