From cbe4a5fc39533cc244a05dbd866b1cb903776863 Mon Sep 17 00:00:00 2001
From: Ruben Beltran del Rio <ruben@unlimited.pizza>
Date: Sun, 14 Mar 2021 23:08:44 +0100
Subject: Add tag component:

---
 src/components/tag/tag.svelte | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/components/tag/tag.svelte

(limited to 'src/components/tag')

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}
-- 
cgit