aboutsummaryrefslogtreecommitdiff
path: root/src/routes/__layout.svelte
blob: 234d26ac0d7ae32dffe7d78ba4156c1d40079c12 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<script>
	import '$/config/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';

	$: store = getForums();
	$: forums = $store.data;
</script>

{#if $isLoading}
	<Loader />
{:else}
	<Header />
	<main>
		<slot />
	</main>
  <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}

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