From 2836397883bec0be705bbb0eec64dac89df2a4c5 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Mon, 17 Jan 2022 16:42:56 +0100
Subject: [PATCH] Make seed stat link to seed page

Signed-off-by: Alexis Sellier <self@cloudhead.io>
---
 src/base/projects/Header.svelte       | 32 ++-------------------------
 src/base/projects/PeerSelector.svelte |  7 +++++-
 src/base/projects/View.svelte         |  3 +--
 3 files changed, 9 insertions(+), 33 deletions(-)

diff --git a/src/base/projects/Header.svelte b/src/base/projects/Header.svelte
index efe964f7a..6eca5e94e 100644
--- a/src/base/projects/Header.svelte
+++ b/src/base/projects/Header.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
+  import { navigate } from 'svelte-routing';
   import type { Config } from '@app/config';
   import * as utils from '@app/utils';
   import Loading from '@app/Loading.svelte';
   import { ethers } from "ethers";
   import { ProjectContent, getOid } from '@app/project';
   import type { Info, Tree } from "@app/project";
-  import type { Profile } from '@app/profile';
   import BranchSelector from './BranchSelector.svelte';
   import PeerSelector from './PeerSelector.svelte';
   import { createEventDispatcher } from 'svelte';
@@ -17,7 +17,6 @@
   export let urn: string;
   export let path: string;
   export let project: Info;
-  export let profile: Profile | null = null;
   export let tree: Tree;
   export let branches: [string, string][] = [];
   export let content: ProjectContent;
@@ -165,13 +164,6 @@
     color: var(--color-primary);
     background: var(--color-primary-background);
   }
-  .seed-dropdown input {
-    color: var(--color-foreground-90);
-    background: var(--color-foreground-background-lighter);
-  }
-  .seed-dropdown.seed-dropdown-visible {
-    display: block;
-  }
   .dropdown input {
     font-size: 0.75rem;
     font-family: var(--font-family-monospace);
@@ -293,32 +285,12 @@
     {#if config.seed.api.host}
       <div
         class="stat seed"
-        on:click={() => toggleDropdown("seed")}
+        on:click={() => navigate(`/seeds/${config.seed.api.host}`)}
         title="Project data is fetched from this seed"
       >
         <span>{config.seed.api.host}</span>
       </div>
     {/if}
-    <div
-      class="dropdown seed-dropdown"
-      class:seed-dropdown-visible={dropdownState.seed}
-    >
-      {#if config.seed.link.id && config.seed.link.host}
-        <input
-          readonly
-          name="clone-url"
-          value={utils.formatSeedAddress(
-            config.seed.link.id,
-            config.seed.link.host,
-            config
-          )}
-        />
-        <label for="seed-url">Bootstrap your Radicle node with this seed.</label
-        >
-      {:else if profile}
-        <label for="#">Seed ID is not set for {profile.name}.</label>
-      {/if}
-    </div>
   </span>
   <div class="stat commit-count" class:active={content == ProjectContent.History} on:click={() => toggleContent(ProjectContent.History)}>
     <strong>{tree.stats.commits}</strong> commit(s)
diff --git a/src/base/projects/PeerSelector.svelte b/src/base/projects/PeerSelector.svelte
index c83f06e23..60da6d052 100644
--- a/src/base/projects/PeerSelector.svelte
+++ b/src/base/projects/PeerSelector.svelte
@@ -32,6 +32,9 @@
   .selector .peer.not-allowed {
     cursor: not-allowed;
   }
+  .peer-id {
+    margin-left: 0.5rem;
+  }
   .peer:hover {
     background-color: var(--color-foreground-background-lighter);
   }
@@ -74,7 +77,9 @@
     <div on:click={() => toggleDropdown("peer")} class="stat peer" class:not-allowed={!peers}>
       <Icon name="fork" width={15} height={15} />
       {#if peer}
-        {formatSeedId(peer)}
+        <span class="peer-id">
+          {formatSeedId(peer)}
+        </span>
       {/if}
     </div>
     <div
diff --git a/src/base/projects/View.svelte b/src/base/projects/View.svelte
index 3d36985c0..9ba3ad964 100644
--- a/src/base/projects/View.svelte
+++ b/src/base/projects/View.svelte
@@ -170,7 +170,7 @@
         {/if}
         <Link to={projectRoot}>{result.project.meta.name}</Link>
         {#if peer}
-          <span class="divider" title={peer}>/ {formatSeedId(peer)}</span> 
+          <span class="divider" title={peer}>/ {formatSeedId(peer)}</span>
         {/if}
       </div>
       <div class="urn">{urn}</div>
@@ -183,7 +183,6 @@
         config={result.config}
         project={result.project}
         branches={result.branches}
-        profile={result.profile}
         peers={result.peers}
         on:routeParamsChange={updateRouteParams} />
       <ProjectContentRoutes {urn} {org} {user} {seed} {tree} {peer}