aboutsummaryrefslogtreecommitdiff
path: root/src/components/header
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/header')
-rw-r--r--src/components/header/.header.svelte.icloudbin0 -> 161 bytes
-rw-r--r--src/components/header/.header.test.js.icloudbin0 -> 162 bytes
-rw-r--r--src/components/header/header.svelte63
-rw-r--r--src/components/header/header.test.js29
4 files changed, 0 insertions, 92 deletions
diff --git a/src/components/header/.header.svelte.icloud b/src/components/header/.header.svelte.icloud
new file mode 100644
index 0000000..d366346
--- /dev/null
+++ b/src/components/header/.header.svelte.icloud
Binary files differ
diff --git a/src/components/header/.header.test.js.icloud b/src/components/header/.header.test.js.icloud
new file mode 100644
index 0000000..0efb8d5
--- /dev/null
+++ b/src/components/header/.header.test.js.icloud
Binary files differ
diff --git a/src/components/header/header.svelte b/src/components/header/header.svelte
deleted file mode 100644
index dcf95d5..0000000
--- a/src/components/header/header.svelte
+++ /dev/null
@@ -1,63 +0,0 @@
-<script>
- import { _ } from 'svelte-i18n';
- import { version } from '$/config/config';
- import { topicActions } from '$/stores/actions';
- import TopicActions from '$/components/actions/topic.svelte';
-</script>
-
-<header title={$_('header.title')}>
- <ul>
- <li>
- <strong
- ><a href="/" title={$_('header.long_version', { values: { version } })}
- >{$_('header.short_version', { values: { version } })}</a
- ></strong
- >
- </li>
- <li>
- <a href="/new" title={$_('header.action.new.title')}
- >{@html $_('header.action.new.display')}</a
- >
- </li>
- {#if $topicActions}
- <TopicActions actions={$topicActions} />
- {/if}
- <li>
- <a href="/search" title={$_('header.action.search.title')}
- >{@html $_('header.action.search.display')}</a
- >
- </li>
- <li>
- <a href="/logout" title={$_('header.action.log_out.title')}
- >{@html $_('header.action.log_out.display')}</a
- >
- </li>
- </ul>
-</header>
-
-<style>
- header {
- grid-column: col-start 1 / span 12;
- border-bottom: 1px solid black;
- }
-
- ul {
- padding: 0;
- }
-
- li {
- display: inline;
- margin: 5px;
- }
-
- a {
- text-decoration: none;
- line-height: 3em;
- display: inline-block;
- }
-
- strong a {
- color: blue;
- text-decoration: underline;
- }
-</style>
diff --git a/src/components/header/header.test.js b/src/components/header/header.test.js
deleted file mode 100644
index 6be2516..0000000
--- a/src/components/header/header.test.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-
-import { render } from '@testing-library/svelte';
-import '$/config/i18n';
-import { enableTopicActions } from '$/stores/actions';
-
-jest.mock('$/config/config.js');
-
-import Header from './header.svelte';
-
-describe('Header component', () => {
-
- test('Should not display topic if action is not set', () => {
-
- const results = render(Header);
-
- expect(results.queryByTitle('Reply'))
- .toBe(null);
- });
-
- test('Should display topic if action is set', () => {
-
- enableTopicActions('d138d6d8-e669-42e7-995d-20a7fcc176f5');
- const results = render(Header);
-
- expect(results.getByTitle('Reply'))
- .toBeVisible();
- });
-});