Add internationalization support

[rbdr/forum] / app / components / forum_list / forum_list.svelte

diff --git a/app/components/forum_list/forum_list.svelte b/app/components/forum_list/forum_list.svelte
index e49c8d827ef0c0757c468f4d4e8e17efe4e79d4e..5ce4dc119a6af374b0b73f9b31f9a0a1c90db749 100644 (file)
--- a/app/components/forum_list/forum_list.svelte
+++ b/app/components/forum_list/forum_list.svelte
@@ -1,14 +1,19 @@
 <script>
-  import {forums, addForum} from '../../stores/forums.js'
+  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}