fix(ott-2353): fix languages order

src/config/clients/index.tsx

@@ -3,7 +3,7 @@ import type { ClientConfig } from './types'
 import { facr } from './facr'
 import { instat } from './instat'
 
-const currentClient = process.env.REACT_APP_CLIENT || 'instat'
+export const currentClient = process.env.REACT_APP_CLIENT || 'instat'
 
 const clients = {
   facr,

src/config/clients/instat.tsx

@@ -8,6 +8,7 @@ export const instat: ClientConfig = {
   auth: {
     clientId: ClientIds.Instat,
   },
+  defaultLanguage: 'en',
   description: 'Live sports streaming platform. Football, basketball, ice hockey and more. Access to various player playlists and game highlights. Multiple subscription options. Available across all devices.',
   disabledPreferences: true,
   name: ClientNames.Instat,

src/config/languages.tsx

@@ -1,4 +1,7 @@
-export const langsList = [
+import { currentClient } from 'config/clients'
+import { getSortedLangs } from 'helpers/getSortedLangs'
+
+export const langs = [
   {
     className: 'ru',
     locale: 'ru',
@@ -66,4 +69,11 @@ export const langsList = [
   },
 ] as const
 
+export const langsOrder = currentClient === 'instat'
+  ? ['en', 'bg', 'cs', 'fr', 'de', 'nl', 'it', 'es', 'pl', 'pt', 'ru', 'uk', 'zh']
+  : ['cs', 'en', 'bg', 'fr', 'de', 'nl', 'it', 'es', 'pl', 'pt', 'ru', 'uk', 'zh']
+
+// @ts-expect-error
+export const langsList = getSortedLangs(langs)
+
 export type Languages = typeof langsList[number]['locale']

src/helpers/getSortedLangs/index.tsx

@@ -0,0 +1,18 @@
+import { langsOrder } from 'config/languages'
+
+type TLang = {
+  className: string,
+  locale: string,
+  title: string,
+}
+
+const getOrder = (locale: string) => (
+  langsOrder.findIndex((item) => item === locale)
+)
+
+export const getSortedLangs = (langs: Array<TLang>): Array<TLang> => {
+  langs.sort((lang1, lang2) => (
+    getOrder(lang1.locale) - getOrder(lang2.locale)
+  ))
+  return langs
+}