replaced with new button component

This commit is contained in:
moist-webDev 2023-05-25 00:33:25 -04:00
parent 129df04ccd
commit fd6caf7fb3
1 changed files with 3 additions and 11 deletions

View File

@ -1,10 +1,11 @@
import { StyleSheet, Text, View, Button} from 'react-native'; import { StyleSheet, Text, View} from 'react-native';
import Button from '../components/Button';
export default function Settings({theme, changeTheme}:any){ export default function Settings({theme, changeTheme}:any){
return ( return (
<View style={style(theme).container}> <View style={style(theme).container}>
<Text style={style(theme).text}>This is settings</Text> <Text style={style(theme).text}>This is settings</Text>
<Text onPress={changeTheme} style={style(theme).button}>change theme</Text> <Button title="Change Theme" theme={theme} onPress={changeTheme} eStyle={{}}/>
</View> </View>
) )
} }
@ -13,15 +14,6 @@ const style = (theme:any) => {
return StyleSheet.create({ return StyleSheet.create({
container: { container: {
}, },
button: {
backgroundColor: theme.primary,
padding: 10,
alignContent: 'center',
color: theme.text,
width: 120,
margin: 10,
borderRadius: 5,
},
text: { text: {
color: theme.text, color: theme.text,
} }