zoriya/Chromacase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Front: Apply Native Base on Auth and home view

Browse Source
This commit is contained in:
Arthi-chaud
2022-10-06 20:07:18 +01:00
parent 599e785969
commit ccb0e16c04
2 changed files with 24 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
front/views/AuthenticationView.tsx
View File

@@ -9,7 +9,7 @@ const AuthenticationView = () => {
return ( return (
<Center style={{ flex: 1 }}> <Center style={{ flex: 1 }}>
<Text>{translate('welcome')}</Text> <Text>{translate('welcome')}</Text>
<Button onPress={() => dispatch(setUserToken('kkkk'))}> <Button variant='ghost' onPress={() => dispatch(setUserToken('kkkk'))}>
{translate('signinBtn')} {translate('signinBtn')}
</Button> </Button>
</Center> </Center>

47
front/views/HomeView.tsx
View File

@@ -1,35 +1,34 @@
import { useNavigation } from "@react-navigation/native"; import { useNavigation } from "@react-navigation/native";
import React from "react"; import React from "react";
import { View } from 'react-native'; import { Center, Button, Text } from "native-base";
import { Button, Text } from "react-native-paper";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
import { AvailableLanguages, DefaultLanguage, translate } from "../i18n/i18n"; import { AvailableLanguages, DefaultLanguage, translate } from "../i18n/i18n";
import { useLanguage } from "../state/LanguageSlice"; import { useLanguage } from "../state/LanguageSlice";
import { unsetUserToken } from "../state/UserSlice"; import { unsetUserToken } from "../state/UserSlice";
const HomeView = () => { const HomeView = () => {
const dispatch = useDispatch(); const dispatch = useDispatch();
const navigation = useNavigation(); const navigation = useNavigation();
const language: AvailableLanguages = useSelector((state) => state.language.value); const language: AvailableLanguages = useSelector((state) => state.language.value);
return ( return (
<View style={{ flex: 1, justifyContent: 'center' }}> <Center style={{ flex: 1 }}>
<Text style={{ textAlign: "center" }}>This is the Home Screen</Text> <Text style={{ textAlign: "center" }}>This is the Home Screen</Text>
<Button onPress={() => dispatch(unsetUserToken())}>{ translate('signoutBtn') }</Button> <Button variant='ghost' onPress={() => dispatch(unsetUserToken())}>{translate('signoutBtn')}</Button>
<Button onPress={() => { <Button variant='ghost' onPress={() => {
let newLanguage = DefaultLanguage; let newLanguage = DefaultLanguage;
switch (language) { switch (language) {
case 'en': case 'en':
newLanguage = 'fr'; newLanguage = 'fr';
break; break;
default: default:
break; break;
} }
dispatch(useLanguage(newLanguage)); dispatch(useLanguage(newLanguage));
}}>Change language</Button> }}>Change language</Button>
<Button onPress={() => navigation.navigate('Song', { songId: 1 }) }>Go to Song Page</Button> <Button variant='ghost' onPress={() => navigation.navigate('Song', { songId: 1 })}>Go to Song Page</Button>
<Text style={{ textAlign: "center" }}>Current language: { language }</Text> <Text style={{ textAlign: "center" }}>Current language: {language}</Text>
</View> </Center>
); );
} }
export default HomeView; export default HomeView;