]> git.r.bdr.sh - rbdr/forum/blob - src/routes/t/[id].svelte
Update apollo
[rbdr/forum] / src / routes / t / [id].svelte
1 <script lang="ts" context="module">
2 export const load = ({
3 page: {
4 params: { id }
5 }
6 }) => ({ props: { id } });
7 </script>
8
9 <script lang="ts">
10 import { onDestroy } from 'svelte';
11 import { _ } from 'svelte-i18n';
12 import { getTopic } from '$lib/stores/topics';
13 import { disableTopicActions, enableTopicActions } from '$lib/stores/actions';
14
15 import Topic from '$lib/components/topic/topic.svelte';
16 import ErrorBlock from '$lib/components/error_block/error_block.svelte';
17 import Loader from '$lib/components/loader/loader.svelte';
18
19 export let id: string;
20
21 $: store = getTopic(id);
22 $: topic = $store.data;
23
24 enableTopicActions(id);
25 onDestroy(() => disableTopicActions());
26 </script>
27
28 <svelte:head>
29 {#if $store.loading}
30 <title>{$_('loader.message')}, {$_('topic.title')}</title>
31 {/if}
32 {#if $store.error}
33 <title>{$_('error.generic.title')}, {$_('topic.title')}</title>
34 {/if}
35 {#if topic}
36 <title>{topic.title}, {$_('topic.title')}</title>
37 {/if}
38 </svelte:head>
39
40 {#if $store.loading}
41 <Loader />
42 {/if}
43 {#if $store.error}
44 <ErrorBlock message={$_('topic.error.unavailable')} />
45 {/if}
46 {#if topic}
47 <Topic {topic} />
48 {/if}