Fixed sidenav background color to follow current theme, changed app name

This commit is contained in:
keplyx 2019-08-07 14:03:06 +02:00
parent ae664f6ce5
commit af0bcd0c5c
4 changed files with 26 additions and 22 deletions

3
App.js
View file

@ -58,7 +58,7 @@ const slides = [
title: 'Restez informés', title: 'Restez informés',
text: 'COFFEE vous permettra bientôt d\'être au courant de tous les événements qui ont lieu sur le campus, de la vente de crêpes jusqu\'aux concerts enfoiros !', text: 'COFFEE vous permettra bientôt d\'être au courant de tous les événements qui ont lieu sur le campus, de la vente de crêpes jusqu\'aux concerts enfoiros !',
icon: 'calendar-range', icon: 'calendar-range',
colors: ['#e3cd20', '#ceba1d'], colors: ['#d99e09', '#c28d08'],
}, },
{ {
key: '3', key: '3',
@ -192,7 +192,6 @@ export default class App extends React.Component<Props, State> {
return ( return (
<Root> <Root>
<StyleProvider style={this.state.currentTheme}> <StyleProvider style={this.state.currentTheme}>
<AppNavigator/> <AppNavigator/>
</StyleProvider> </StyleProvider>
</Root> </Root>

View file

@ -1,6 +1,6 @@
{ {
"expo": { "expo": {
"name": "Amicale INSAT", "name": "COFFEE",
"description": "Application mobile compatible Android et iOS pour l'Amicale INSA Toulouse. Grâce à cette application, vous avez facilement accès aux news du campus, aux emplois du temps, à l'état de la laverie, et bien d'autres services ! Ceci est une version Beta, Toutes les fonctionnalités ne sont pas encore implémentées, et il est possible de rencontrer quelques bugs.", "description": "Application mobile compatible Android et iOS pour l'Amicale INSA Toulouse. Grâce à cette application, vous avez facilement accès aux news du campus, aux emplois du temps, à l'état de la laverie, et bien d'autres services ! Ceci est une version Beta, Toutes les fonctionnalités ne sont pas encore implémentées, et il est possible de rencontrer quelques bugs.",
"slug": "application-amicale", "slug": "application-amicale",
"privacy": "public", "privacy": "public",
@ -12,7 +12,7 @@
], ],
"version": "0.0.6", "version": "0.0.6",
"orientation": "portrait", "orientation": "portrait",
"primaryColor": "#e42612", "primaryColor": "#be1522",
"icon": "./assets/android.icon.png", "icon": "./assets/android.icon.png",
"splash": { "splash": {
"backgroundColor": "#fff", "backgroundColor": "#fff",

Binary file not shown.

Before

Width:  |  Height:  |  Size: 255 KiB

After

Width:  |  Height:  |  Size: 217 KiB

View file

@ -34,7 +34,6 @@ export default class BaseContainer extends React.Component<Props, State> {
}; };
toggle() { toggle() {
console.log('coucou');
this.setState({ this.setState({
isOpen: !this.state.isOpen, isOpen: !this.state.isOpen,
}); });
@ -47,23 +46,29 @@ export default class BaseContainer extends React.Component<Props, State> {
render() { render() {
return ( return (
<CustomSideMenu navigation={this.props.navigation} isOpen={this.state.isOpen} <View style={{
onChange={(isOpen) => this.updateMenuState(isOpen)}> backgroundColor: ThemeManager.getCurrentThemeVariables().containerBgColor,
<Container> width: '100%',
<CustomHeader navigation={this.props.navigation} title={this.props.headerTitle} height: '100%'
leftButton={ }}>
<Touchable <CustomSideMenu navigation={this.props.navigation} isOpen={this.state.isOpen}
style={{padding: 6}} onChange={(isOpen) => this.updateMenuState(isOpen)}>
onPress={() => this.toggle()}> <Container>
<CustomMaterialIcon <CustomHeader navigation={this.props.navigation} title={this.props.headerTitle}
color={Platform.OS === 'ios' ? ThemeManager.getCurrentThemeVariables().brandPrimary : "#fff"} leftButton={
icon="menu"/> <Touchable
</Touchable> style={{padding: 6}}
} onPress={() => this.toggle()}>
rightButton={this.props.headerRightButton}/> <CustomMaterialIcon
{this.props.children} color={Platform.OS === 'ios' ? ThemeManager.getCurrentThemeVariables().brandPrimary : "#fff"}
</Container> icon="menu"/>
</CustomSideMenu> </Touchable>
}
rightButton={this.props.headerRightButton}/>
{this.props.children}
</Container>
</CustomSideMenu>
</View>
); );
} }
} }