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 (
<Center style={{ flex: 1 }}>
<Text>{translate('welcome')}</Text>
<Button onPress={() => dispatch(setUserToken('kkkk'))}>
<Button variant='ghost' onPress={() => dispatch(setUserToken('kkkk'))}>
{translate('signinBtn')}
</Button>
</Center>

47
front/views/HomeView.tsx
View File

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