From 585506d4ffe828df0c5bf74b91dc50fb978f73b4 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Thu, 15 Sep 2022 14:17:42 -0700
Subject: move locale selector

---
 src/components/Footer.svelte         | 12 ++++++++++--
 src/components/LandingHeader.svelte  |  4 +---
 src/components/LocaleSelector.svelte |  9 +++++++++
 src/locales/en.json                  |  9 +++++----
 src/routes/news/+page.svelte         |  1 +
 5 files changed, 26 insertions(+), 9 deletions(-)
 create mode 100644 src/routes/news/+page.svelte

(limited to 'src')

diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index a1173f74..b5fbaa1b 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { Icon } from '$comp';
+	import { Icon, LocaleSelector } from '$comp';
 	import { t } from '$lib/translations';
 
 	const followLinks = [
@@ -9,13 +9,21 @@
 	];
 
 	const companyLinks = [
+		{ url: '/news', titleID: 'news' },
 		{ url: 'mailto:support@coinos.io', titleID: 'support' },
 		{ url: '/jobs', titleID: 'jobs' }
 	];
 </script>
 
 <footer class="space-y-10 md:space-y-0 text-xl block md:flex justify-around items-center mb-20">
-	<Icon icon="logo" style="w-48 mx-auto md:mx-0" />
+	<div>
+		<div class="text-center w-full mb-8">
+			<a href="/"><Icon icon="logo" style="w-48 mx-auto md:mx-0" /></a>
+		</div>
+		<div class="text-center">
+			<LocaleSelector style="p-3 rounded-md" />
+		</div>
+	</div>
 
 	<div class="text-center md:text-left">
 		<p class="font-semibold">{$t('footer.followUs')}</p>
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index 4424959d..4508ad25 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -1,7 +1,7 @@
 <script>
 	import { goto } from '$app/navigation';
 	import { scroll } from '$lib/utils';
-	import { Icon, LocaleSelector } from '$comp';
+	import { Icon } from '$comp';
 	import { user } from '$lib/store';
 	import { t } from '$lib/translations';
 
@@ -23,7 +23,6 @@
 				<Icon icon="logo" style="mb-5 xl:mb-0" />
 			</a>
 			<Icon icon="logo" style="block md:hidden ml-5 w-48" />
-			<LocaleSelector style="py-1 rounded-md hidden md:block mb-5 xl:mb-0" />
 		</div>
 
 		<!-- desktop nav -->
@@ -102,7 +101,6 @@
 						{$t('nav.signOut')}
 					</button>
 				{/if}
-				<LocaleSelector style="py-1 rounded-md" />
 			</div>
 		</div>
 	</nav>
diff --git a/src/components/LocaleSelector.svelte b/src/components/LocaleSelector.svelte
index e1888e9f..9f4a1428 100644
--- a/src/components/LocaleSelector.svelte
+++ b/src/components/LocaleSelector.svelte
@@ -8,3 +8,12 @@
 		<option value={locale}>{$t(`lang.${locale}`)}</option>
 	{/each}
 </select>
+
+<style>
+select {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border: none;
+}
+  </style>
diff --git a/src/locales/en.json b/src/locales/en.json
index f13c0b80..a92f67ba 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -48,13 +48,14 @@
 		}
 	},
 	"footer": {
+		"company": "Company",
 		"followUs": "Follow Us",
-		"twitter": "Twitter",
 		"github": "GitHub",
-		"company": "Company",
-		"telegram": "Telegram",
+		"jobs": "Jobs",
 		"support": "Support",
-		"jobs": "Jobs"
+		"telegram": "Telegram",
+		"twitter": "Twitter",
+    "news": "News"
 	},
 	"howItWorks": {
 		"header": "How It Works",
diff --git a/src/routes/news/+page.svelte b/src/routes/news/+page.svelte
new file mode 100644
index 00000000..41e843b5
--- /dev/null
+++ b/src/routes/news/+page.svelte
@@ -0,0 +1 @@
+News
-- 
cgit v1.2.3