Add tests for header

[rbdr/forum] / src / components / header / header.svelte

diff --git a/src/components/header/header.svelte b/src/components/header/header.svelte
index f33e77bf445cdb38fb17176f3a259e8f6031088e..dcf95d53a42b43375e13fab48c0a44536b83bfc2 100644 (file)
--- a/src/components/header/header.svelte
+++ b/src/components/header/header.svelte
@@ -1,39 +1,34 @@
 <script>
        import { _ } from 'svelte-i18n';
        import { version } from '$/config/config';
-       import { actions } from '$/stores/actions';
-
-       $: topic_id = $actions.topic_id;
+       import { topicActions } from '$/stores/actions';
+       import TopicActions from '$/components/actions/topic.svelte';
 </script>
 
 <header title={$_('header.title')}>
        <ul>
                <li>
                        <strong
-                               ><a href="/" aria-label={$_('header.long_version', { values: { version } })}
+                               ><a href="/" title={$_('header.long_version', { values: { version } })}
                                        >{$_('header.short_version', { values: { version } })}</a
                                ></strong
                        >
                </li>
                <li>
-                       <a href="/new" aria-label={$_('header.action.new.title')}
+                       <a href="/new" title={$_('header.action.new.title')}
                                >{@html $_('header.action.new.display')}</a
                        >
                </li>
-               {#if topic_id}
-                       <li>
-                               <a href="/reply/{topic_id}" aria-label={$_('header.action.reply.title')}
-                                       >{@html $_('header.action.reply.display')}</a
-                               >
-                       </li>
+               {#if $topicActions}
+      <TopicActions actions={$topicActions} />
                {/if}
                <li>
-                       <a href="/search" aria-label={$_('header.action.search.title')}
+                       <a href="/search" title={$_('header.action.search.title')}
                                >{@html $_('header.action.search.display')}</a
                        >
                </li>
                <li>
-                       <a href="/logout" aria-label={$_('header.action.log_out.title')}
+                       <a href="/logout" title={$_('header.action.log_out.title')}
                                >{@html $_('header.action.log_out.display')}</a
                        >
                </li>