add distance date

src/components/Queue.svelte

@@ -4,7 +4,7 @@
     {#if $next}
         <div class="entry" on:click={() => select($next)}>
             <div class="title">{$next.title}</div>
-            <div class="user">by {$next.referer.username}</div>
+            <div class="user">shared by {$next.referer.username} <DistanceDate date={$next.date} /></div>
         </div>
     {/if}
 
@@ -18,13 +18,14 @@
     {#each history as track}
         <div class="entry" class:active={track === $current} on:click={() => select(track)}>
             <div class>{track.title}</div>
-            <div class>shared by {track.referer.username}</div>
+            <div class>shared by {track.referer.username} <DistanceDate date={track.date} /></div>
         </div>
     {/each}
 </div>
 
 <script>
     import { queue, next, current, enqueueing, select } from '/store.js'
+    import DistanceDate from '/components/DistanceDate.svelte'
 
     $: history = $queue.filter(x => x !== $next).reverse()
 </script>