From 4f63f9e87f8faf4e8709c44ec0ba9f486ee2965d 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: Fri, 13 Sep 2024 13:33:29 +0200
Subject: [PATCH] Link peer breadcrumb to home screen

---
 src/components/Header.svelte  | 11 ++++++-----
 src/components/Link.svelte    |  2 +-
 src/views/repo/Issues.svelte  | 16 ++++++++++------
 src/views/repo/Patches.svelte | 16 ++++++++++------
 4 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index cf6ca9e..5e5200c 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -50,6 +50,11 @@
       0 calc(100% - 6px)
     );
   }
+  .breadcrumbs {
+    gap: 0.5rem;
+    margin-left: 1rem;
+    min-height: 1.5rem;
+  }
 </style>
 
 <div class="header global-flex">
@@ -102,11 +107,7 @@
         </Popover>
       </div>
     </div>
-    <div
-      class="global-flex txt-tiny txt-semibold"
-      style:gap="0.5rem"
-      style:margin-left="1rem"
-      style:min-height="1.5rem">
+    <div class="global-flex txt-tiny txt-semibold breadcrumbs">
       <slot name="breadcrumbs" />
     </div>
   </div>
diff --git a/src/components/Link.svelte b/src/components/Link.svelte
index 534b2db..3519ef9 100644
--- a/src/components/Link.svelte
+++ b/src/components/Link.svelte
@@ -18,7 +18,7 @@
 
 <style>
   a {
-    color: var(--color-fill-secondary);
+    color: var(--color-foreground-contrast);
     text-decoration: none;
   }
   a:hover {
diff --git a/src/views/repo/Issues.svelte b/src/views/repo/Issues.svelte
index 1791fdd..6855b77 100644
--- a/src/views/repo/Issues.svelte
+++ b/src/views/repo/Issues.svelte
@@ -3,8 +3,10 @@
   import type { Issue } from "@bindings/Issue";
   import type { RepoInfo } from "@bindings/RepoInfo";
 
-  import Icon from "@app/components/Icon.svelte";
   import Layout from "./Layout.svelte";
+
+  import Icon from "@app/components/Icon.svelte";
+  import Link from "@app/components/Link.svelte";
   import NodeId from "@app/components/NodeId.svelte";
 
   export let repo: RepoInfo;
@@ -16,11 +18,13 @@
 
 <Layout {repo}>
   <svelte:fragment slot="breadcrumbs">
-    <NodeId
-      nodeId={config.publicKey}
-      alias={config.alias}
-      styleFontFamily="var(--font-family-sans-serif)"
-      styleFontSize="var(--font-size-tiny)" />
+    <Link route={{ resource: "home" }}>
+      <NodeId
+        nodeId={config.publicKey}
+        alias={config.alias}
+        styleFontFamily="var(--font-family-sans-serif)"
+        styleFontSize="var(--font-size-tiny)" />
+    </Link>
     <Icon name="chevron-right" />
     {project.data.name}
     <Icon name="chevron-right" />
diff --git a/src/views/repo/Patches.svelte b/src/views/repo/Patches.svelte
index 8d2f933..25f2fe9 100644
--- a/src/views/repo/Patches.svelte
+++ b/src/views/repo/Patches.svelte
@@ -3,8 +3,10 @@
   import type { Patch } from "@bindings/Patch";
   import type { RepoInfo } from "@bindings/RepoInfo";
 
-  import Icon from "@app/components/Icon.svelte";
   import Layout from "./Layout.svelte";
+
+  import Icon from "@app/components/Icon.svelte";
+  import Link from "@app/components/Link.svelte";
   import NodeId from "@app/components/NodeId.svelte";
 
   export let repo: RepoInfo;
@@ -16,11 +18,13 @@
 
 <Layout {repo}>
   <svelte:fragment slot="breadcrumbs">
-    <NodeId
-      nodeId={config.publicKey}
-      alias={config.alias}
-      styleFontFamily="var(--font-family-sans-serif)"
-      styleFontSize="var(--font-size-tiny)" />
+    <Link route={{ resource: "home" }}>
+      <NodeId
+        nodeId={config.publicKey}
+        alias={config.alias}
+        styleFontFamily="var(--font-family-sans-serif)"
+        styleFontSize="var(--font-size-tiny)" />
+    </Link>
     <Icon name="chevron-right" />
     {project.data.name}
     <Icon name="chevron-right" />