export let id;
import { _ } from 'svelte-i18n';
- import { getForum } from '$stores/forum';
- import ErrorBlock from '../error_block/error_block.svelte';
+ import { getForum } from '$/stores/forum';
+ import ErrorBlock from '$/components/error_block/error_block.svelte';
+ import Loader from '$/components/loader/loader.svelte';
- import TopicSummary from '$components/topic_summary/topic_summary.svelte';
+ import TopicSummary from '$/components/topic_summary/topic_summary.svelte';
$: store = getForum(id);
$: forum = $store.data;
</script>
{#if $store.loading}
- <p>Loading...</p>
+ <Loader />
{/if}
{#if $store.error}
- <ErrorBlock message={$_('forum_list.error.unavailable')} />
+ <ErrorBlock message={$_('forum.error.unavailable')} />
{/if}
{#if forum}
<h1>{forum.glyph} {$_(forum.label)}</h1>