FIX: issue expansion names not being translated correctly in settings

Author: on3iro

src/Redux/Store/Settings/Expansions/Expansions/content/selectors.ts

@@ -1,21 +1,30 @@
 import { ExpansionContentStateSlice } from './types'
 import { createSelector } from 'reselect'
+import * as Languages from '../../Languages'
 
 import { selectors as LanguageSelectors } from '../../Languages'
+import { ContentStruct } from '../../helpers'
+import { Expansion } from 'aer-types'
 
 const getContent = (state: ExpansionContentStateSlice) =>
   state.Settings.Expansions.Expansions.content
 
 const getId = (_: unknown, props: { expansionId: string }) => props.expansionId
 
+export const getContentWithLanguageFallback = (
+  languages: Languages.State,
+  content: ContentStruct<Expansion>,
+  id: string
+) => {
+  // Just get the corresponding expansion id from the english version
+  const language = languages[content.ENG[id].id]
+
+  return content[language][id] || content.ENG[id]
+}
+
 const getExpansionById = createSelector(
   [LanguageSelectors.getLanguagesByExpansion, getContent, getId],
-  (languages, content, id) => {
-    // Just get the corresponding expansion id from the english version
-    const language = languages[content.ENG[id].id]
-
-    return content[language][id] || content.ENG[id]
-  }
+  getContentWithLanguageFallback
 )
 
 export const selectors = {

src/Redux/Store/Settings/Expansions/Expansions/index.ts

@@ -1,12 +1,14 @@
 import { combineReducers, reduceReducers, Cmd, loop } from 'redux-loop'
 import { createSelector } from 'reselect'
 import { set as setToDb } from 'idb-keyval'
+import { selectors as LanguageSelectors } from '../Languages'
 
 import * as Content from './content'
 import * as Selected from './selected'
 import * as Ids from './ids'
 import { createAction, ActionsUnion } from '@martin_hotell/rex-tils'
 import { EXPANSIONS_DB_KEY } from './constants'
+import { getContentWithLanguageFallback } from './content/selectors'
 
 ///////////
 // STATE //
@@ -154,16 +156,31 @@ const getPromoIds = createSelector(
 )
 
 const getStandaloneExpansions = createSelector(
-  [Content.selectors.getContent, getStandaloneExpansionIds],
-  (content, ids) => ids.map(id => content.ENG[id])
+  [
+    Content.selectors.getContent,
+    getStandaloneExpansionIds,
+    LanguageSelectors.getLanguagesByExpansion,
+  ],
+  (content, ids, languages) =>
+    ids.map(id => getContentWithLanguageFallback(languages, content, id))
 )
 const getMiniExpansions = createSelector(
-  [Content.selectors.getContent, getMiniExpansionIds],
-  (content, ids) => ids.map(id => content.ENG[id])
+  [
+    Content.selectors.getContent,
+    getMiniExpansionIds,
+    LanguageSelectors.getLanguagesByExpansion,
+  ],
+  (content, ids, languages) =>
+    ids.map(id => getContentWithLanguageFallback(languages, content, id))
 )
 const getPromos = createSelector(
-  [Content.selectors.getContent, getPromoIds],
-  (content, ids) => ids.map(id => content.ENG[id])
+  [
+    Content.selectors.getContent,
+    getPromoIds,
+    LanguageSelectors.getLanguagesByExpansion,
+  ],
+  (content, ids, languages) =>
+    ids.map(id => getContentWithLanguageFallback(languages, content, id))
 )
 
 export const selectors = {

src/Redux/Store/Settings/Expansions/helpers.ts

@@ -19,7 +19,7 @@ type Entity =
   | UpgradedBasicNemesisCard
   | ICard
 
-type ContentStruct<T> = {
+export type ContentStruct<T> = {
   [key in LanguageKey]: {
     [id: string]: T
   }