From 879fa389c2592760def75177eefbd3193e1845c9 Mon Sep 17 00:00:00 2001
From: Ruben Beltran del Rio <ruben@unlimited.pizza>
Date: Mon, 19 Apr 2021 21:04:59 +0200
Subject: Add tests for first batch of components

- Glyph
- Forum List
- Error Block
- Post
---
 src/routes/$layout.svelte | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

(limited to 'src/routes')

diff --git a/src/routes/$layout.svelte b/src/routes/$layout.svelte
index 49ceb49..8fd2ae0 100644
--- a/src/routes/$layout.svelte
+++ b/src/routes/$layout.svelte
@@ -1,6 +1,12 @@
 <script>
 	import '$/config/i18n';
+
 	import { isLoading } from 'svelte-i18n';
+	import { _ } from 'svelte-i18n';
+
+	import { forums } from '$/stores/forums';
+
+	import ErrorBlock from '$/components/error_block/error_block.svelte';
 	import ForumList from '$/components/forum_list/forum_list.svelte';
 	import Header from '$/components/header/header.svelte';
 	import Loader from '$/components/loader/loader.svelte';
@@ -14,6 +20,24 @@
 	<main>
 		<slot />
 	</main>
-	<ForumList />
+  <nav title={$_('forum_list.title')}>
+    {#if $forums.loading}
+      <Loader />
+    {/if}
+    {#if $forums.error}
+      <ErrorBlock message={$_('forum_list.error.unavailable')} />
+    {/if}
+    {#if $forums.data}
+      <ForumList forums={$forums.data} />
+    {/if}
+  </nav>
 	<Footer />
 {/if}
+
+<style>
+	nav {
+		grid-column: col-start 1;
+		grid-row: 2;
+		border-right: 1px solid black;
+	}
+</style>
-- 
cgit