<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>