Really fix translations not loading

src/components/Lists/Proxiwash/ProxiwashListItem.tsx

@@ -67,7 +67,11 @@ const styles = StyleSheet.create({
   },
 });
 
-const stateStrings: {[key in MachineStates]: string} = {
+/**
+ * Component used to display a proxiwash item, showing machine progression and state
+ */
+class ProxiwashListItem extends React.Component<PropsType> {
+  stateStrings: {[key in MachineStates]: string} = {
     [MachineStates.AVAILABLE]: i18n.t('screens.proxiwash.states.ready'),
     [MachineStates.RUNNING]: i18n.t('screens.proxiwash.states.running'),
     [MachineStates.RUNNING_NOT_STARTED]: i18n.t(
@@ -79,10 +83,6 @@ const stateStrings: {[key in MachineStates]: string} = {
     [MachineStates.UNKNOWN]: i18n.t('screens.proxiwash.states.unknown'),
   };
 
-/**
- * Component used to display a proxiwash item, showing machine progression and state
- */
-class ProxiwashListItem extends React.Component<PropsType> {
   stateColors: {[key: string]: string};
 
   title: string;
@@ -146,7 +146,7 @@ class ProxiwashListItem extends React.Component<PropsType> {
       ? `${props.item.startTime}/${props.item.endTime}`
       : '';
     const stateIcon = ProxiwashConstants.stateIcons[machineState];
-    const stateString = stateStrings[machineState];
+    const stateString = this.stateStrings[machineState];
     let progress;
     if (isRunning && props.item.donePercent !== '') {
       progress = parseFloat(props.item.donePercent) / 100;

src/screens/About/AboutScreen.tsx

@@ -84,7 +84,7 @@ class AboutScreen extends React.Component<PropsType, StateType> {
   /**
    * Object containing data relative to major contributors
    */
-  static majorContributors: {[key: string]: MemberItemType} = {
+  majorContributors: {[key: string]: MemberItemType} = {
     arnaud: {
       name: 'Arnaud Vergnet',
       message: i18n.t('screens.about.user.arnaud'),
@@ -115,7 +115,7 @@ class AboutScreen extends React.Component<PropsType, StateType> {
   /**
    * Object containing data relative to users who helped during development
    */
-  static helpfulUsers: {[key: string]: MemberItemType} = {
+  helpfulUsers: {[key: string]: MemberItemType} = {
     beranger: {
       name: 'Béranger Quintana Y Arciosana',
       message: i18n.t('screens.about.user.beranger'),
@@ -199,18 +199,18 @@ class AboutScreen extends React.Component<PropsType, StateType> {
   teamData: Array<ListItemType> = [
     {
       onPressCallback: () => {
-        this.onContributorListItemPress(AboutScreen.majorContributors.arnaud);
+        this.onContributorListItemPress(this.majorContributors.arnaud);
       },
-      icon: AboutScreen.majorContributors.arnaud.icon,
+      icon: this.majorContributors.arnaud.icon,
-      text: AboutScreen.majorContributors.arnaud.name,
+      text: this.majorContributors.arnaud.name,
       showChevron: false,
     },
     {
       onPressCallback: () => {
-        this.onContributorListItemPress(AboutScreen.majorContributors.yohan);
+        this.onContributorListItemPress(this.majorContributors.yohan);
       },
-      icon: AboutScreen.majorContributors.yohan.icon,
+      icon: this.majorContributors.yohan.icon,
-      text: AboutScreen.majorContributors.yohan.name,
+      text: this.majorContributors.yohan.name,
       showChevron: false,
     },
     {
@@ -230,42 +230,42 @@ class AboutScreen extends React.Component<PropsType, StateType> {
   thanksData: Array<ListItemType> = [
     {
       onPressCallback: () => {
-        this.onContributorListItemPress(AboutScreen.helpfulUsers.beranger);
+        this.onContributorListItemPress(this.helpfulUsers.beranger);
       },
-      icon: AboutScreen.helpfulUsers.beranger.icon,
+      icon: this.helpfulUsers.beranger.icon,
-      text: AboutScreen.helpfulUsers.beranger.name,
+      text: this.helpfulUsers.beranger.name,
       showChevron: false,
     },
     {
       onPressCallback: () => {
-        this.onContributorListItemPress(AboutScreen.helpfulUsers.celine);
+        this.onContributorListItemPress(this.helpfulUsers.celine);
       },
-      icon: AboutScreen.helpfulUsers.celine.icon,
+      icon: this.helpfulUsers.celine.icon,
-      text: AboutScreen.helpfulUsers.celine.name,
+      text: this.helpfulUsers.celine.name,
       showChevron: false,
     },
     {
       onPressCallback: () => {
-        this.onContributorListItemPress(AboutScreen.helpfulUsers.damien);
+        this.onContributorListItemPress(this.helpfulUsers.damien);
       },
-      icon: AboutScreen.helpfulUsers.damien.icon,
+      icon: this.helpfulUsers.damien.icon,
-      text: AboutScreen.helpfulUsers.damien.name,
+      text: this.helpfulUsers.damien.name,
       showChevron: false,
     },
     {
       onPressCallback: () => {
-        this.onContributorListItemPress(AboutScreen.helpfulUsers.titouan);
+        this.onContributorListItemPress(this.helpfulUsers.titouan);
       },
-      icon: AboutScreen.helpfulUsers.titouan.icon,
+      icon: this.helpfulUsers.titouan.icon,
-      text: AboutScreen.helpfulUsers.titouan.name,
+      text: this.helpfulUsers.titouan.name,
       showChevron: false,
     },
     {
       onPressCallback: () => {
-        this.onContributorListItemPress(AboutScreen.helpfulUsers.theo);
+        this.onContributorListItemPress(this.helpfulUsers.theo);
       },
-      icon: AboutScreen.helpfulUsers.theo.icon,
+      icon: this.helpfulUsers.theo.icon,
-      text: AboutScreen.helpfulUsers.theo.name,
+      text: this.helpfulUsers.theo.name,
       showChevron: false,
     },
   ];

src/screens/Proxiwash/ProxiwashScreen.tsx

@@ -46,18 +46,6 @@ import MascotPopup from '../../components/Mascot/MascotPopup';
 import type {SectionListDataType} from '../../components/Screens/WebSectionList';
 import type {LaundromatType} from './ProxiwashAboutScreen';
 
-const modalStateStrings: {[key in MachineStates]: string} = {
-  [MachineStates.AVAILABLE]: i18n.t('screens.proxiwash.modal.ready'),
-  [MachineStates.RUNNING]: i18n.t('screens.proxiwash.modal.running'),
-  [MachineStates.RUNNING_NOT_STARTED]: i18n.t(
-    'screens.proxiwash.modal.runningNotStarted',
-  ),
-  [MachineStates.FINISHED]: i18n.t('screens.proxiwash.modal.finished'),
-  [MachineStates.UNAVAILABLE]: i18n.t('screens.proxiwash.modal.broken'),
-  [MachineStates.ERROR]: i18n.t('screens.proxiwash.modal.error'),
-  [MachineStates.UNKNOWN]: i18n.t('screens.proxiwash.modal.unknown'),
-};
-
 const REFRESH_TIME = 1000 * 10; // Refresh every 10 seconds
 const LIST_ITEM_HEIGHT = 64;
 
@@ -98,6 +86,18 @@ class ProxiwashScreen extends React.Component<PropsType, StateType> {
     );
   }
 
+  modalStateStrings: {[key in MachineStates]: string} = {
+    [MachineStates.AVAILABLE]: i18n.t('screens.proxiwash.modal.ready'),
+    [MachineStates.RUNNING]: i18n.t('screens.proxiwash.modal.running'),
+    [MachineStates.RUNNING_NOT_STARTED]: i18n.t(
+      'screens.proxiwash.modal.runningNotStarted',
+    ),
+    [MachineStates.FINISHED]: i18n.t('screens.proxiwash.modal.finished'),
+    [MachineStates.UNAVAILABLE]: i18n.t('screens.proxiwash.modal.broken'),
+    [MachineStates.ERROR]: i18n.t('screens.proxiwash.modal.error'),
+    [MachineStates.UNKNOWN]: i18n.t('screens.proxiwash.modal.unknown'),
+  };
+
   modalRef: null | Modalize;
 
   fetchedData: {
@@ -205,7 +205,7 @@ class ProxiwashScreen extends React.Component<PropsType, StateType> {
       icon: '',
       onPress: () => undefined,
     };
-    let message = modalStateStrings[item.state];
+    let message = this.modalStateStrings[item.state];
     const onPress = () => this.onSetupNotificationsPress(item);
     if (item.state === MachineStates.RUNNING) {
       let remainingTime = parseInt(item.remainingTime, 10);