From 0eb0e93e24ad553c01ea30851f64efa0b390afd3 Mon Sep 17 00:00:00 2001
From: Adrien Hopkins <ahopk127@my.yorku.ca>
Date: Fri, 29 Jul 2022 15:54:30 -0500
Subject: made the locale selector its own component

---
 src/components/AppHeader.svelte | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

(limited to 'src/components/AppHeader.svelte')

diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index d329dff5..249e2826 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -2,18 +2,14 @@
 	// we will want to dynamically use the users avatar on this screen if they have uploaded one
 
 	import { goto } from '$app/navigation';
-	import { Icon } from '$comp';
+	import { Icon, LocaleSelector } 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>
+    <LocaleSelector />
 
 		<button class="bg-white p-2 rounded-full w-12 h-12" on:click={() => goto('/receive')}
 			><Icon icon="numpad" style="mx-auto" /></button
-- 
cgit v1.2.3