From 6bb2b80d11b22b2429b4cdce9c024112e17a2d28 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Tue, 10 Sep 2019 18:02:31 +0200
Subject: [PATCH 1/3] Enable users to hit en locale

---
 src/components/Locale/Locale.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/Locale/Locale.tsx b/src/components/Locale/Locale.tsx
index 0a83cc640..a5d23b8e8 100644
--- a/src/components/Locale/Locale.tsx
+++ b/src/components/Locale/Locale.tsx
@@ -52,7 +52,7 @@ export const LocaleContext = React.createContext<LocaleContextType>(
 
 const { Consumer: LocaleConsumer, Provider: RawLocaleProvider } = LocaleContext;
 
-enum Locale {
+export enum Locale {
   AR = "ar",
   AZ = "az",
   BG = "bg",
@@ -62,6 +62,7 @@ enum Locale {
   DA = "da",
   DE = "de",
   EL = "el",
+  EN = "en",
   ES = "es",
   ES_CO = "es-co",
   ET = "et",
@@ -107,6 +108,8 @@ const localeData: Record<Locale, LocaleMessages> = {
   [Locale.DA]: locale_DA,
   [Locale.DE]: locale_DE,
   [Locale.EL]: locale_EL,
+  // Default language
+  [Locale.EN]: undefined,
   [Locale.ES]: locale_ES,
   [Locale.ES_CO]: locale_ES_CO,
   [Locale.ET]: locale_ET,
@@ -141,10 +144,10 @@ const localeData: Record<Locale, LocaleMessages> = {
   [Locale.ZH_HANT]: locale_ZH_HANT
 };
 
-function getMatchingLocale(): Locale {
+export function getMatchingLocale(languages: readonly string[]): Locale {
   const localeEntries = Object.entries(Locale);
 
-  for (const preferredLocale of navigator.languages) {
+  for (const preferredLocale of languages) {
     for (const localeEntry of localeEntries) {
       if (localeEntry[1].toLowerCase() === preferredLocale.toLowerCase()) {
         return Locale[localeEntry[0]];
@@ -156,7 +159,9 @@ function getMatchingLocale(): Locale {
 }
 
 const LocaleProvider: React.FC = ({ children }) => {
-  const [locale] = React.useState(getMatchingLocale() || defaultLocale);
+  const [locale] = React.useState(
+    getMatchingLocale(navigator.languages) || defaultLocale
+  );
 
   return (
     <IntlProvider

From 270f7bf4a6b77798df4ab1e1086047523609b018 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Tue, 10 Sep 2019 18:02:35 +0200
Subject: [PATCH 2/3] Add tests

---
 src/components/Locale/Locale.test.ts | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/components/Locale/Locale.test.ts

diff --git a/src/components/Locale/Locale.test.ts b/src/components/Locale/Locale.test.ts
new file mode 100644
index 000000000..082a9a1e3
--- /dev/null
+++ b/src/components/Locale/Locale.test.ts
@@ -0,0 +1,25 @@
+import { getMatchingLocale, Locale } from "./Locale";
+
+describe("Matches locale to browser settings", () => {
+  it("if first language is an exact match", () => {
+    const locales = ["fr", "es", "en"];
+
+    expect(getMatchingLocale(locales)).toBe(Locale.FR);
+  });
+
+  it("if there is an exact match, but it's not first preference", () => {
+    const locales = ["does-not-exist", "tr", "de", "fr"];
+
+    expect(getMatchingLocale(locales)).toBe(Locale.TR);
+  });
+
+  it("or returns undefined if there is no match", () => {
+    const locales = [
+      "does-not-exist-1",
+      "does-not-exist-2",
+      "does-not-exist-3"
+    ];
+
+    expect(getMatchingLocale(locales)).toBe(undefined);
+  });
+});

From 8ceec8eced098beb94794eb6229813f581f37973 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Wed, 11 Sep 2019 10:46:15 +0200
Subject: [PATCH 3/3] Update changelog

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a4cecca6c..fdf7c97bd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,3 +18,4 @@ All notable, unreleased changes to this project will be documented in this file.
 - Replace checkbox with switch component in "product type has variants" - #152 by @dominik-zeglen
 - Add password reset flow - #147 by @dominik-zeglen
 - Add support for multiple values in filters - #160 by @dominik-zeglen
+- Fix en locale matching - #165 by @dominik-zeglen