From 7bb1c74fb2e56a1ead354e1828bab43551b3febb Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Fri, 15 Mar 2024 15:12:30 +0100
Subject: [PATCH] Display seeding icon on seeded projects in node view project
 list

---
 src/views/nodes/View.svelte | 50 ++++++++++++++++++++++++++++++++++---
 1 file changed, 46 insertions(+), 4 deletions(-)

diff --git a/src/views/nodes/View.svelte b/src/views/nodes/View.svelte
index 7211a775f..9f02676ad 100644
--- a/src/views/nodes/View.svelte
+++ b/src/views/nodes/View.svelte
@@ -1,5 +1,13 @@
 <script lang="ts">
-  import type { BaseUrl, NodeStats, Policy, Scope } from "@httpd-client";
+  import type {
+    BaseUrl,
+    NodeStats,
+    Policy,
+    ProjectListQuery,
+    Scope,
+  } from "@httpd-client";
+  import type { ComponentProps } from "svelte";
+  import type { ProjectInfo } from "@app/components/ProjectCard";
 
   import * as router from "@app/lib/router";
   import { api, httpdStore } from "@app/lib/httpd";
@@ -7,12 +15,14 @@
   import { fetchProjectInfos } from "@app/components/ProjectCard";
   import { handleError } from "@app/views/nodes/error";
   import { isDelegate } from "@app/lib/roles";
+  import { onMount } from "svelte";
 
   import AppLayout from "@app/App/AppLayout.svelte";
   import CopyableId from "@app/components/CopyableId.svelte";
-  import ProjectCard from "@app/components/ProjectCard.svelte";
+  import ErrorMessage from "@app/components/ErrorMessage.svelte";
   import Loading from "@app/components/Loading.svelte";
-  import ScopePolicyPopover from "./ScopePolicyPopover.svelte";
+  import ProjectCard from "@app/components/ProjectCard.svelte";
+  import ScopePolicyPopover from "@app/views/nodes/ScopePolicyPopover.svelte";
 
   export let baseUrl: BaseUrl;
   export let nid: string;
@@ -22,6 +32,36 @@
   export let policy: Policy | undefined = undefined;
   export let scope: Scope | undefined = undefined;
 
+  let localProjects:
+    | ProjectInfo[]
+    | ComponentProps<ErrorMessage>["error"]
+    | undefined;
+
+  onMount(async () => {
+    const query: ProjectListQuery = { show: "all" };
+    await api
+      .getStats()
+      .then(({ repos: { total } }) => (query.perPage = total))
+      .catch(e => {
+        console.error(
+          "Not able to query to total repo count for your local node.",
+          e,
+        );
+      });
+
+    localProjects = await fetchProjectInfos(api.baseUrl, query).catch(
+      error => error,
+    );
+  });
+
+  function isSeeding(projectId: string) {
+    if (localProjects instanceof Error) {
+      console.error("Not able to fetch local projects", localProjects);
+      return false;
+    }
+    return localProjects?.some(p => p.project.id === projectId) ?? false;
+  }
+
   $: hostname = isLocal(baseUrl.hostname) ? "Local Node" : baseUrl.hostname;
   $: session =
     $httpdStore.state === "authenticated" && isLocal(api.baseUrl.hostname)
@@ -155,7 +195,9 @@
             {#each projectInfos as projectInfo}
               <ProjectCard
                 {projectInfo}
-                isSeeding={false}
+                isSeeding={isLocal(baseUrl.hostname)
+                  ? true
+                  : isSeeding(projectInfo.project.id)}
                 isDelegate={isDelegate(
                   session?.publicKey,
                   projectInfo.project.delegates,