From: Ruben Beltran del Rio <redacted>
Date: Sun, 14 Mar 2021 22:08:44 +0000 (+0100)
Subject: Add tag component:
X-Git-Url: https://git.r.bdr.sh/rbdr/forum/commitdiff_plain/cbe4a5fc39533cc244a05dbd866b1cb903776863

Add tag component:
---

diff --git a/src/components/tag/tag.svelte b/src/components/tag/tag.svelte
new file mode 100644
index 0000000..a14cd19
--- /dev/null
+++ b/src/components/tag/tag.svelte
@@ -0,0 +1,27 @@
+<script>
+  export let id;
+
+  import { _ } from 'svelte-i18n';
+  import { getTag } from '$/stores/tag';
+  import ErrorBlock from '$/components/error_block/error_block.svelte';
+  import Loader from '$/components/loader/loader.svelte';
+  import TopicSummary from '$/components/topic_summary/topic_summary.svelte';
+
+  $: store = getTag(id);
+  $: tag = $store.data;
+</script>
+
+{#if $store.loading}
+  <Loader />
+{/if}
+{#if $store.error}
+  <ErrorBlock message={$_('tag.error.unavailable')} />
+{/if}
+{#if tag}
+  <h1>{$_('tag.title')} {tag.id}</h1>
+  <ul>
+    {#each tag.topics as topic}
+      <TopicSummary topic={topic} />
+    {/each}
+  </ul>
+{/if}
diff --git a/src/components/topic_summary/topic_summary.svelte b/src/components/topic_summary/topic_summary.svelte
index deef3e2..88b2b83 100644
--- a/src/components/topic_summary/topic_summary.svelte
+++ b/src/components/topic_summary/topic_summary.svelte
@@ -2,7 +2,7 @@
   export let topic;
 
   import { _ } from 'svelte-i18n';
-  import { readableTime } from '../../utils/readable_time.js';
+  import { readableTime } from '$/utils/readable_time.js';
 
   $: remainingTime = (topic.updated_at + topic.ttl) - Date.now();
   $: remaining = readableTime(remainingTime);