jhalitaksoy/mancala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use current locale

Browse Source
This commit is contained in:
Halit Aksoy 2024-03-31 17:20:09 +03:00
parent 3a83bf1cd5
commit b633bbcd8e
1 changed files with 40 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
mobile/src/App.tsx
View File

@ -11,6 +11,7 @@ import { RTMTWS } from './rtmt/rtmt_websocket';
import { ConnectionState } from './rtmt/rtmt'; import { ConnectionState } from './rtmt/rtmt';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import Snackbar from 'react-native-snackbar'; import Snackbar from 'react-native-snackbar';
import { NativeModules, I18nManager, Platform } from 'react-native'
// https://github.com/uuidjs/uuid/issues/514#issuecomment-691475020 // https://github.com/uuidjs/uuid/issues/514#issuecomment-691475020
import 'react-native-get-random-values'; import 'react-native-get-random-values';
@ -21,7 +22,20 @@ const context = initContext();
function App() { function App() {
const { t } = useTranslation(); // Get device language
const deviceLanguage =
Platform.OS === 'ios'
? NativeModules.SettingsManager.settings.AppleLocale // iOS
: NativeModules.I18nManager.localeIdentifier; // Android
const { t, i18n } = useTranslation();
React.useEffect(() => {
console.log(deviceLanguage);
i18n.changeLanguage(deviceLanguage === "tr_TR" ? "tr" : "en")
}, []);
const [userKey, setUserKey] = React.useState<string | undefined>(undefined); const [userKey, setUserKey] = React.useState<string | undefined>(undefined);
@ -50,7 +64,7 @@ function App() {
connectRTMT(userKey); connectRTMT(userKey);
}).catch((error) => { }).catch((error) => {
//TODO: check if it is network error! //TODO: check if it is network error!
Snackbar.show({text: t("ErrorWhenRetrievingInformation")}) Snackbar.show({ text: t("ErrorWhenRetrievingInformation") })
console.error(error); console.error(error);
}); });
} }
@ -71,16 +85,15 @@ function App() {
// context.themeManager.theme.textColor, // context.themeManager.theme.textColor,
// context.themeManager.theme.textLightColor // context.themeManager.theme.textLightColor
//); //);
return ( return (
<NavigationContainer> <NavigationContainer>
<Stack.Navigator> <Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} initialParams={{context}} <Stack.Screen name="Home" component={HomeScreen} initialParams={{ context }}
options={{title: t("Mancala"), headerStyle: { backgroundColor: context.themeManager.theme.appBarBgColor }}}/> options={{ title: t("Mancala"), headerStyle: { backgroundColor: context.themeManager.theme.appBarBgColor } }} />
<Stack.Screen name="Loby" component={LobyScreen} <Stack.Screen name="Loby" component={LobyScreen}
options={{title: t("Mancala"), headerStyle: { backgroundColor: context.themeManager.theme.appBarBgColor }}}/> options={{ title: t("Mancala"), headerStyle: { backgroundColor: context.themeManager.theme.appBarBgColor } }} />
<Stack.Screen name="Game" component={GameScreen} <Stack.Screen name="Game" component={GameScreen}
options={{title: t("Mancala"), headerStyle: { backgroundColor: context.themeManager.theme.appBarBgColor }}}/> options={{ title: t("Mancala"), headerStyle: { backgroundColor: context.themeManager.theme.appBarBgColor }, headerTintColor: '#fff', }} />
</Stack.Navigator> </Stack.Navigator>
</NavigationContainer> </NavigationContainer>
); );