From a7cf03c192470cbab13edeb1aec99e0c66dede10 Mon Sep 17 00:00:00 2001
From: Ruben Beltran del Rio <ruben@unlimited.pizza>
Date: Sun, 1 May 2022 00:56:06 +0200
Subject: Update / use typescript

---
 src/components/header/.header.svelte.icloud  | Bin 0 -> 161 bytes
 src/components/header/.header.test.js.icloud | Bin 0 -> 162 bytes
 src/components/header/header.svelte          |  63 ---------------------------
 src/components/header/header.test.js         |  29 ------------
 4 files changed, 92 deletions(-)
 create mode 100644 src/components/header/.header.svelte.icloud
 create mode 100644 src/components/header/.header.test.js.icloud
 delete mode 100644 src/components/header/header.svelte
 delete mode 100644 src/components/header/header.test.js

(limited to 'src/components/header')

diff --git a/src/components/header/.header.svelte.icloud b/src/components/header/.header.svelte.icloud
new file mode 100644
index 0000000..d366346
Binary files /dev/null and b/src/components/header/.header.svelte.icloud 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
Binary files /dev/null and b/src/components/header/.header.test.js.icloud 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();
-  });
-});
-- 
cgit