diff options
| author | Adrien Hopkins <[email protected]> | 2022-07-29 13:15:27 -0500 |
|---|---|---|
| committer | Adrien Hopkins <[email protected]> | 2022-07-29 13:15:51 -0500 |
| commit | b57597a0487ea5d6451ea43c32d083df40fd9353 (patch) | |
| tree | 520cdd55cb67b87ab47e8d29fff7c815d576d40b /src/components | |
| parent | 0f767571be758ec7eb3c11c5bcd608adfbb9328b (diff) | |
| download | coinos-ui-b57597a0487ea5d6451ea43c32d083df40fd9353.tar.gz coinos-ui-b57597a0487ea5d6451ea43c32d083df40fd9353.zip | |
added a temporary locale selector to the top bar
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/AppHeader.svelte | 8 | ||||
| -rw-r--r-- | src/components/LandingHeader.svelte | 8 |
2 files changed, 15 insertions, 1 deletions
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte index 9998a4f6..d329dff5 100644 --- a/src/components/AppHeader.svelte +++ b/src/components/AppHeader.svelte @@ -3,10 +3,18 @@ import { goto } from '$app/navigation'; import { Icon } from '$comp'; + + import { locale, locales } from 'svelte-i18n'; </script> <header class="bg-gradient-to-r from-primary to-gradient h-[20vh] w-full relative"> <nav class="flex justify-end items-center space-x-4 p-5"> + <select bind:value={$locale}> + {#each $locales as locale} + <option value={locale}>{locale}</option> + {/each} + </select> + <button class="bg-white p-2 rounded-full w-12 h-12" on:click={() => goto('/receive')} ><Icon icon="numpad" style="mx-auto" /></button > diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte index b0ac0a9d..5faebb59 100644 --- a/src/components/LandingHeader.svelte +++ b/src/components/LandingHeader.svelte @@ -3,7 +3,7 @@ import { scroll } from '$lib/utils'; import { Icon } from '$comp'; - import { _ } from 'svelte-i18n'; + import { _, locale, locales } from 'svelte-i18n'; export let howItWorks; export let faq; @@ -15,6 +15,12 @@ <Icon icon="logo" style="mx-auto mb-5 xl:mb-0" /> </a> + <select bind:value={$locale}> + {#each $locales as locale} + <option value={locale}>{locale}</option> + {/each} + </select> + <div class="hidden space-x-10 md:flex flex-wrap justify-center items-center font-bold"> <button on:click={() => scroll(howItWorks)}>{$_('howItWorks')}</button> <button on:click={() => scroll(faq)}>{$_('FAQ')}</button> |