From 15545fdee8c849eb8c8584fbac25fb7ec81974be Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Mon, 14 Jun 2021 13:57:15 +0200
Subject: [PATCH] Show when a project isn't anchored

---
 src/base/projects/Browser.svelte | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/base/projects/Browser.svelte b/src/base/projects/Browser.svelte
index f903fa46e..332870fdf 100644
--- a/src/base/projects/Browser.svelte
+++ b/src/base/projects/Browser.svelte
@@ -53,14 +53,22 @@
   .anchor-widget {
     display: flex;
     padding: 0.75rem;
-    color: var(--color-yellow);
-    background-color: var(--color-yellow-background);
+    color: var(--color-tertiary);
+    background-color: var(--color-tertiary-background);
     font-size: 0.75rem;
     border-radius: 0.25rem;
   }
+  .anchor-widget.not-anchored {
+    color: var(--color-foreground-faded);
+    background-color: var(--color-foreground-background);
+  }
   .anchor-label {
+    font-family: var(--font-family-monospace);
     margin-right: 0.5rem;
   }
+  .anchor-label:last-child {
+    margin-right: 0;
+  }
 
   .center-content {
     margin: 0 auto;
@@ -123,9 +131,13 @@
           {:then anchor}
             {#if anchor === commit}
               <span class="anchor-widget">
-                <span class="anchor-label">anchor</span>
+                <span class="anchor-label">anchored</span>
                 <Address address={org} compact resolve noBadge {config} />
               </span>
+            {:else}
+              <span class="anchor-widget not-anchored">
+                <span class="anchor-label">not anchored 🔓</span>
+              </span>
             {/if}
           {/await}
         {/if}