Add tests for actions + pacts for graphql errrors

[rbdr/forum] / src / routes / $layout.svelte

diff --git a/src/routes/$layout.svelte b/src/routes/$layout.svelte
index 49ceb4921851f8209a9c2dba4796631d8ff85dc3..234d26ac0d7ae32dffe7d78ba4156c1d40079c12 100644 (file)
--- a/src/routes/$layout.svelte
+++ b/src/routes/$layout.svelte
@@ -1,10 +1,19 @@
 <script>
        import '$/config/i18n';
 <script>
        import '$/config/i18n';

+

        import { isLoading } from 'svelte-i18n';
        import { isLoading } from 'svelte-i18n';

+       import { _ } from 'svelte-i18n';
+
+       import { getForums } 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';
        import Footer from '$/components/footer/footer.svelte';
        import ForumList from '$/components/forum_list/forum_list.svelte';
        import Header from '$/components/header/header.svelte';
        import Loader from '$/components/loader/loader.svelte';
        import Footer from '$/components/footer/footer.svelte';

+
+       $: store = getForums();
+       $: forums = $store.data;

 </script>
 
 {#if $isLoading}
 </script>
 
 {#if $isLoading}


@@ -14,6 +23,24 @@
        <main>
                <slot />
        </main>
        <main>
                <slot />
        </main>

-       <ForumList />
+  <nav title={$_('forum_list.title')}>
+    {#if $store.loading}
+      <Loader />
+    {/if}
+    {#if $store.error}
+      <ErrorBlock message={$_('forum_list.error.unavailable')} />
+    {/if}
+    {#if forums}
+      <ForumList forums={forums} />
+    {/if}
+  </nav>

        <Footer />
 {/if}
        <Footer />
 {/if}

+
+<style>
+       nav {
+               grid-column: col-start 1;
+               grid-row: 2;
+               border-right: 1px solid black;
+       }
+</style>