Add Warning if English is selected #94

bula21 · Jun 14, 2022 · 2a3d5df · 2a3d5df
1 parent 70ce3d3
commit 2a3d5df
Showing 1 changed file with 25 additions and 9 deletions.
diff --git a/src/components/infos/InfosList.tsx b/src/components/infos/InfosList.tsx
@@ -11,6 +11,7 @@ import LanguageSwitcher from './LanguageSwitcher';
 import {useIsFocused} from '@react-navigation/native';
 import MovaSearchbarHeading from '../generic/MovaSearchbarHeading';
 import MovaLoading from "../generic/MovaLoading";
+import languageManager from '../../helpers/LanguageManager';
 
 const MainContainer = styled.SafeAreaView`
   background-color: #fff;
@@ -25,6 +26,11 @@ const InfosHeader = styled.View`
   height: 78px;
 `;
 
+const EnglishWarning = styled.View`
+  padding: 10px;
+  background: black;
+`;
+
 type NavigationProp = StackNavigationProp<{infopage: {page: IPage}}, 'infopage'>;
 
 function mainPageFilter(page: IPage): boolean {
@@ -96,15 +102,25 @@ export default function InfosList({navigation}: {navigation: NavigationProp}) {
               )}
               keyExtractor={item => String(item.id)}
               ListHeaderComponent={
-                <InfosHeader>
-                  <MovaSearchbarHeading
-                    headerText={t('info')}
-                    searchableAttributes={['title', 'content']}
-                    getData={InfopagesStore.get}
-                    getDefaultData={mainPages}
-                    handleSearch={handleSearch}
-                    isFocused={isFocused}></MovaSearchbarHeading>
-                </InfosHeader>
+                <>
+                  <InfosHeader>
+                    <MovaSearchbarHeading
+                      headerText={t('info')}
+                      searchableAttributes={['title', 'content']}
+                      getData={InfopagesStore.get}
+                      getDefaultData={mainPages}
+                      handleSearch={handleSearch}
+                      isFocused={isFocused}></MovaSearchbarHeading>
+                  </InfosHeader>
+                  { languageManager.currentLanguage === 'en' ?
+                    <EnglishWarning>
+                      <MovaText style={{textAlign: 'center', color: 'white', fontSize: 16}}>
+                        Not all information is available in English. Change the language to see everything.
+                      </MovaText>
+                    </EnglishWarning>
+                    : null
+                  }
+                </>
               }
               ListFooterComponent={<LanguageSwitcher />}
               refreshControl={<RefreshControl refreshing={isRefreshing} onRefresh={onRefresh} />}