aboutsummaryrefslogtreecommitdiff
path: root/src/components/glyph
diff options
context:
space:
mode:
authorRuben Beltran del Rio <ruben@unlimited.pizza>2022-05-01 00:56:06 +0200
committerRuben Beltran del Rio <ruben@unlimited.pizza>2022-05-01 00:56:06 +0200
commita7cf03c192470cbab13edeb1aec99e0c66dede10 (patch)
tree581b4430d1de958dcb666bae80a7678332134602 /src/components/glyph
parent010f307346e525ac2e4239a0549d2c1a4d6d102b (diff)
Update / use typescript
Diffstat (limited to 'src/components/glyph')
-rw-r--r--src/components/glyph/.glyph.svelte.icloudbin0 -> 160 bytes
-rw-r--r--src/components/glyph/.glyph.test.js.icloudbin0 -> 161 bytes
-rw-r--r--src/components/glyph/glyph.svelte41
-rw-r--r--src/components/glyph/glyph.test.js32
4 files changed, 0 insertions, 73 deletions
diff --git a/src/components/glyph/.glyph.svelte.icloud b/src/components/glyph/.glyph.svelte.icloud
new file mode 100644
index 0000000..c2e8af7
--- /dev/null
+++ b/src/components/glyph/.glyph.svelte.icloud
Binary files differ
diff --git a/src/components/glyph/.glyph.test.js.icloud b/src/components/glyph/.glyph.test.js.icloud
new file mode 100644
index 0000000..182e8e5
--- /dev/null
+++ b/src/components/glyph/.glyph.test.js.icloud
Binary files differ
diff --git a/src/components/glyph/glyph.svelte b/src/components/glyph/glyph.svelte
deleted file mode 100644
index 60f99eb..0000000
--- a/src/components/glyph/glyph.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script>
- import { _ } from 'svelte-i18n';
- import { getGlyphHash } from '$/utils/glyph_hash';
-
- export let uuid;
-</script>
-
-<div class="glyphicon" role="img" aria-label={$_('glyph.title')} title={$_('glyph.title')}>
- {#each getGlyphHash(uuid) as fragment}
- <span class={fragment.glyph} style="color: {fragment.color} ">
- {fragment.glyph}
- </span>
- {/each}
-</div>
-
-<style>
- .glyphicon {
- border: 1px solid black;
- display: inline-block;
- font-size: 1.4rem;
- height: 48px;
- margin-top: 5px;
- width: 48px;
- background-color: white;
- padding: 2px;
- }
-
- span {
- display: block;
- float: left;
- width: 24px;
- height: 24px;
- text-align: center;
- line-height: 24px;
- }
-
- .☽ {
- font-size: 2rem;
- line-height: 19px;
- }
-</style>
diff --git a/src/components/glyph/glyph.test.js b/src/components/glyph/glyph.test.js
deleted file mode 100644
index 93ddc8a..0000000
--- a/src/components/glyph/glyph.test.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-
-import { render } from '@testing-library/svelte';
-import '$/config/i18n';
-
-import Glyph from './glyph.svelte';
-
-const internals = {
- results: null
-};
-
-describe('Glyph component', () => {
-
- beforeEach(() => {
-
- internals.results = render(Glyph, { props: {
- uuid: '9fb14ebc-bc64-400b-915f-d429ec44b8fe'
- } });
- });
-
- test('Should act as an image', () => {
-
- expect(internals.results.getByRole('img'))
- .toBeVisible();
- });
-
- test('Should render 4 glyphs', () => {
-
- expect(internals.results.getByRole('img'))
- .toHaveTextContent(/^. . . .$/);
- });
-});