]> git.r.bdr.sh - rbdr/forum/blob - src/lib/components/header/header.svelte
Update apollo
[rbdr/forum] / src / lib / components / header / header.svelte
1 <script lang="ts">
2 import { _ } from 'svelte-i18n';
3 import { version } from '$lib/config/config';
4 import { topicActions } from '$lib/stores/actions';
5 import TopicActions from '$lib/components/actions/topic.svelte';
6 </script>
7
8 <header
9 class="col-start-1 col-span-12 border-b-2 border-b-black border-solid"
10 title={$_('header.title')}
11 >
12 <ul class="p-0">
13 <li class="inline m-1">
14 <strong
15 ><a
16 class="inline-block leading-10 underline text-blue-600"
17 href="/"
18 title={$_('header.long_version', { values: { version } })}
19 >{$_('header.short_version', { values: { version } })}</a
20 ></strong
21 >
22 </li>
23 <li class="inline m-1">
24 <a
25 class="inline-block leading-10 no-underline"
26 href="/new"
27 title={$_('header.action.new.title')}>{@html $_('header.action.new.display')}</a
28 >
29 </li>
30 {#if $topicActions}
31 <TopicActions actions={$topicActions} />
32 {/if}
33 <li class="inline m-1">
34 <a
35 class="inline-block leading-10 no-underline"
36 href="/search"
37 title={$_('header.action.search.title')}>{@html $_('header.action.search.display')}</a
38 >
39 </li>
40 <li class="inline m-1">
41 <a
42 class="inline-block leading-10 no-underline"
43 href="/logout"
44 title={$_('header.action.log_out.title')}>{@html $_('header.action.log_out.display')}</a
45 >
46 </li>
47 </ul>
48 </header>