From 30caf866583ba02f184c1bf01c5c05ea921477bb Mon Sep 17 00:00:00 2001
From: Monty <hey@montylion.dev>
Date: Sat, 11 Sep 2021 23:56:43 +0200
Subject: [PATCH] Add Brazilizan Portoguese and Korean to locale dropdown,
 reorder dropdown

---
 src/server.js                    |  6 ++++++
 views/partials/header.handlebars | 19 ++++++++++++++++---
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/server.js b/src/server.js
index def2acb..6701226 100644
--- a/src/server.js
+++ b/src/server.js
@@ -38,18 +38,24 @@ app.use(expressLocale({
 		/* TODO: map more regions to the available locales */
 		en: 'en-US', 'en-GB': 'en-US', 'en-AU': 'en-US', 'en-CA': 'en-US',
 		ar: 'ar-AR',
+		de: 'de-DE',
 		es: 'es-ES',
 		fr: 'fr-FR', 'fr-CA': 'fr-FR', 'fr-CH': 'fr-FR',
 		it: 'it-IT', 'it-CH': 'it-IT',
+		ko: 'ko-KR',
+		pt: 'pt-BR',
 		ru: 'ru-RU',
 		tr: 'tr-TR'
 	},
 	allowed: [
 		'en', 'en-US', 'en-GB', 'en-AU', 'en-CA',
 		'ar', 'ar-AR',
+		'de', 'de-DE',
 		'es', 'es-ES',
 		'fr', 'fr-FR', 'fr-CA', 'fr-CH',
 		'it', 'it-IT', 'it-CH',
+		'ko', 'ko-KR',
+		'pt', 'pt-BR',
 		'ru', 'ru-RU',
 		'tr', 'tr-TR',
 	],
diff --git a/views/partials/header.handlebars b/views/partials/header.handlebars
index 14928f3..bd3a2c8 100644
--- a/views/partials/header.handlebars
+++ b/views/partials/header.handlebars
@@ -31,6 +31,7 @@
 		<a href="/progress" class="keep-on-mobile">{{ locale.nav.progress }}</a>
 	</nav>
 
+	<!-- Ordered the locales in the same way YouTube's language selector orders them -->
 	<div class="select-box locale-dropdown" data-dropdown>
 		<div class="options-container">
 			<div class="option">
@@ -64,9 +65,9 @@
 				</label>
 			</div>
 			<div class="option">
-				<input type="radio" class="radio" id="ru-RU" name="category" />
-				<label for="ru-RU">
-					<div class="item"><span class="lang">🇷🇺</span><span class="locale-names">Pусский</span></div>
+				<input type="radio" class="radio" id="pt-BR" name="category" />
+				<label for="pt-BR">
+					<div class="item"><span class="lang">🇧🇷</span><span class="locale-names">Português</span></div>
 				</label>
 			</div>
 			<div class="option">
@@ -75,12 +76,24 @@
 					<div class="item"><span class="lang">🇹🇷</span><span class="locale-names">Türkçe</span></div>
 				</label>
 			</div>
+			<div class="option">
+				<input type="radio" class="radio" id="ru-RU" name="category" />
+				<label for="ru-RU">
+					<div class="item"><span class="lang">🇷🇺</span><span class="locale-names">Pусский</span></div>
+				</label>
+			</div>
 			<div class="option">
 				<input type="radio" class="radio" id="ar-AR" name="category" />
 				<label for="ar-AR">
 					<div class="item"><span class="lang">🇸🇦</span><span class="locale-names">اَلْعَرَبِيَّةُ</span></div>
 				</label>
 			</div>
+			<div class="option">
+				<input type="radio" class="radio" id="ko-KR" name="category" />
+				<label for="ko-KR">
+					<div class="item"><span class="lang">🇰🇷</span><span class="locale-names">한국어</span></div>
+				</label>
+			</div>
 		</div>
 		<div class="selected-locale">
 			<div class="item"><span class="lang"></span></div>