5bba601 Replace copy btn with Clipboard component — radicle-explorer

Radicle web interface

Replace copy btn with Clipboard component

Sebastian Martinez committed 4 years ago

commit 5bba60167656c04bcec7437199bcd85dc90705d6
parent cfb695d592cc9d78b15e52bb55de0b18b00d4428

1 file changed +5 -25

modified src/SeedAddress.svelte

@@ -1,24 +1,11 @@

 <script lang="ts">
   import { formatSeedAddress, formatSeedId, toClipboard } from "./utils";
   import { formatSeedAddress, formatSeedId } from "@app/utils";
   import type { Seed } from "@app/base/seeds/Seed";
   import Clipboard from "@app/Clipboard.svelte";
   export let seed: Seed;
   export let port: number;
   export let full = false;
   let seedCopied = false;
   const copySeed = (seedId: string, seedHost: string) => {
     const str = full
       ? formatSeedAddress(seedId, seedHost, port)
       : seedHost;
     return () => toClipboard(str).then(() => {
       seedCopied = true;
       setTimeout(() => {
         seedCopied = false;
       }, 3000);
     });
   };
 </script>
 <style>

@@ -39,7 +26,7 @@

 </style>
 <div class="desktop">
 <div>
   <div class="seed-address">
     <span class="seed-icon">🌱</span>
     {#if full}

@@ -49,13 +36,6 @@

       <span><a href="/seeds/{seed.host}" class="link">{seed.host}</a></span>
     {/if}
   </div>
   <Clipboard text={full ? formatSeedAddress(seed.id, seed.host, port) : seed.host } />
 </div>
 <div>
   <button class="tiny faded" disabled={seedCopied} on:click={copySeed(seed.id, seed.host)}>
     {#if seedCopied}
       Copy ✓
     {:else}
       Copy
     {/if}
   </button>
 </div>
 <div class="desktop"/>