Add en-GB localisation (#5952)

* Create blank en-GB/messages.po

* localise certain strings for en-GB

* Update lingui.config.js

* Update dates.ts

* Update helpers.ts

* Update i18n.ts

* Update i18n.web.ts

* Update languages.ts

* Update i18n.ts

lingui.config.js

@@ -4,6 +4,7 @@ module.exports = {
     'en',
     'ca',
     'de',
+    'en-GB',
     'es',
     'fi',
     'fr',

src/components/hooks/dates.ts

@@ -12,6 +12,7 @@ import {formatDistance, Locale} from 'date-fns'
 import {
   ca,
   de,
+  enGB,
   es,
   fi,
   fr,
@@ -39,6 +40,7 @@ const locales: Record<AppLanguage, Locale | undefined> = {
   en: undefined,
   ca,
   de,
+  ['en-GB']: enGB,
   es,
   fi,
   fr,

src/locale/helpers.ts

@@ -123,6 +123,8 @@ export function sanitizeAppLanguageSetting(appLanguage: string): AppLanguage {
         return AppLanguage.ca
       case 'de':
         return AppLanguage.de
+      case 'en-GB':
+        return AppLanguage.en_GB
       case 'es':
         return AppLanguage.es
       case 'fi':

src/locale/i18n.ts

@@ -14,6 +14,7 @@ import {AppLanguage} from '#/locale/languages'
 import {messages as messagesCa} from '#/locale/locales/ca/messages'
 import {messages as messagesDe} from '#/locale/locales/de/messages'
 import {messages as messagesEn} from '#/locale/locales/en/messages'
+import {messages as messagesEn_GB} from '#/locale/locales/en-GB/messages'
 import {messages as messagesEs} from '#/locale/locales/es/messages'
 import {messages as messagesFi} from '#/locale/locales/fi/messages'
 import {messages as messagesFr} from '#/locale/locales/fr/messages'
@@ -53,6 +54,14 @@ export async function dynamicActivate(locale: AppLanguage) {
       ])
       break
     }
+    case AppLanguage.en_GB: {
+      i18n.loadAndActivate({locale, messages: messagesEn_GB})
+      await Promise.all([
+        import('@formatjs/intl-pluralrules/locale-data/en'),
+        import('@formatjs/intl-numberformat/locale-data/en-GB'),
+      ])
+      break
+    }
     case AppLanguage.es: {
       i18n.loadAndActivate({locale, messages: messagesEs})
       await Promise.all([

src/locale/i18n.web.ts

@@ -20,6 +20,10 @@ export async function dynamicActivate(locale: AppLanguage) {
       mod = await import(`./locales/de/messages`)
       break
     }
+    case AppLanguage.en_GB: {
+      mod = await import(`./locales/en-GB/messages`)
+      break
+    }
     case AppLanguage.es: {
       mod = await import(`./locales/es/messages`)
       break

src/locale/languages.ts

@@ -8,6 +8,7 @@ export enum AppLanguage {
   en = 'en',
   ca = 'ca',
   de = 'de',
+  en_GB = 'en-GB',
   es = 'es',
   fi = 'fi',
   fr = 'fr',
@@ -35,6 +36,7 @@ export const APP_LANGUAGES: AppLanguageConfig[] = [
   {code2: AppLanguage.en, name: 'English'},
   {code2: AppLanguage.ca, name: 'Català – Catalan'},
   {code2: AppLanguage.de, name: 'Deutsch – German'},
+  {code2: AppLanguage.en_GB, name: 'English (UK)'},
   {code2: AppLanguage.es, name: 'Español – Spanish'},
   {code2: AppLanguage.fi, name: 'Suomi – Finnish'},
   {code2: AppLanguage.fr, name: 'Français – French'},