Use supabase

[rbdr/forum] / src / routes / t / [id].svelte

diff --git a/src/routes/t/[id].svelte b/src/routes/t/[id].svelte
index 9d3ab9e214b97697b3af1e353973d6e4345f1eb7..45cc63e71c9583781710cbcbb02d98d8d8ee8fa8 100644 (file)
--- a/src/routes/t/[id].svelte
+++ b/src/routes/t/[id].svelte
@@ -1,48 +1,45 @@
-<script context="module">
+<script lang="ts" context="module">
        export const load = ({
-         page: {
-           params: { id }
-         }
+    params: { id }
        }) => ({ props: { id } });
 </script>
 
-<script>
+<script lang="ts">
        import { onDestroy } from 'svelte';
        import { _ } from 'svelte-i18n';
-       import { getTopic } from '$/stores/topic';
-       import { disableTopicActions, enableTopicActions } from '$/stores/actions';
+       import { topic } from '$lib/stores/topics';
+       import { disableTopicActions, enableTopicActions } from '$lib/stores/actions';
 
-       import Topic from '$/components/topic/topic.svelte';
-       import ErrorBlock from '$/components/error_block/error_block.svelte';
-       import Loader from '$/components/loader/loader.svelte';
+       import Topic from '$lib/components/topic/topic.svelte';
+       import ErrorBlock from '$lib/components/error_block/error_block.svelte';
+       import Loader from '$lib/components/loader/loader.svelte';
 
-       export let id;
+       export let id: string;
 
-       $: store = getTopic(id);
-       $: topic = $store.data;
+       $: response = topic(id, true);
 
        enableTopicActions(id);
        onDestroy(() => disableTopicActions());
 </script>
 
 <svelte:head>
-       {#if $store.loading}
+       {#if $response.loading}
                <title>{$_('loader.message')}, {$_('topic.title')}</title>
        {/if}
-       {#if $store.error}
+       {#if $response.error}
                <title>{$_('error.generic.title')}, {$_('topic.title')}</title>
        {/if}
-       {#if topic}
-               <title>{topic.title}, {$_('topic.title')}</title>
+       {#if $response.data}
+               <title>{$response.data.title}, {$_('topic.title')}</title>
        {/if}
 </svelte:head>
 
-{#if $store.loading}
+{#if $response.loading}
        <Loader />
 {/if}
-{#if $store.error}
+{#if $response.error}
        <ErrorBlock message={$_('topic.error.unavailable')} />
 {/if}
-{#if topic}
-       <Topic {topic} />
+{#if $response.data}
+       <Topic topic={$response.data} />
 {/if}