<script>
+ import { _ } from 'svelte-i18n';
import { forums } from '../../stores/forums.js';
+ import ErrorBlock from '../error_block/error_block.svelte';
</script>
<nav title="List of Forums">
+ {#if !$forums.length}
+ <ErrorBlock message={$_('forum_list.error.unavailable')} />
+ {/if}
<ul>
{#each $forums as forum}
<li>
<a href="/f/{forum.id}">
<span aria-hidden="true" class="navigation-glyph {forum.glyph}">{forum.glyph}</span>
- <span class="navigation-label">{forum.label}</span>
+ <span class="navigation-label">{$_(forum.label)}</span>
</a>
</li>
{/each}