@import url("/assets/md.css")feat: upstream links

@import url("/assets/md.css")

1 files changed, 12 insertions, 2 deletions

diff --git a/src/routes/canaries/+page.svelte b/src/routes/canaries/+page.svelte
index 1613831..c03a764 100644
--- a/src/routes/canaries/+page.svelte
+++ b/src/routes/canaries/+page.svelte
@@ -20,14 +20,14 @@
           {#each canaries as canary}
             <li class="list-disc ml-4">
               {canary.signer}'s canary for {canary.name} (<a
-                href={canary.url}
+                href={canary.upstream ?? canary.url}
                 target="_blank"
                 download="{canary.signer}:{canary.name}.sig"
                 class="opacity-90 hover:underline text-blue-400 hover:text-blue-300"
                 >download</a
               >,
               <a
-                href={canary.url}
+                href={canary.upstream ?? canary.url}
                 target="_blank"
                 class="opacity-90 hover:underline text-blue-400 hover:text-blue-300"
                 >open in newtab</a
@@ -122,6 +122,16 @@
         found, it turns a different shade of
         <span class="bg-red-800 text-white">red</span>.</span
       >
+      {#if canaries.find((v) => v.upstream)}
+        <span
+          class="upstream-btn opacity-60 hover:opacity-80 transition-all"
+          class:hidden={!browser}
+          ><br />
+          If there is an upstream button, it indicates that we are mirroring the
+          canary, rather than using the source canary, e.g. for CORS. You may want
+          to check it in the event of something looking wrong.</span
+        >
+      {/if}
     </p>
   </div>
 </div>