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',
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',
colors: ['#e3cd20', '#ceba1d'],
colors: ['#d99e09', '#c28d08'],
},
{
key: '3',
@ -192,7 +192,6 @@ export default class App extends React.Component<Props, State> {
return (
<Root>
<StyleProvider style={this.state.currentTheme}>
<AppNavigator/>
</StyleProvider>
</Root>

View file

@ -1,6 +1,6 @@
{
"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.",
"slug": "application-amicale",
"privacy": "public",
@ -12,7 +12,7 @@
],
"version": "0.0.6",
"orientation": "portrait",
"primaryColor": "#e42612",
"primaryColor": "#be1522",
"icon": "./assets/android.icon.png",
"splash": {
"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() {
console.log('coucou');
this.setState({
isOpen: !this.state.isOpen,
});
@ -47,23 +46,29 @@ export default class BaseContainer extends React.Component<Props, State> {
render() {
return (
<CustomSideMenu navigation={this.props.navigation} isOpen={this.state.isOpen}
onChange={(isOpen) => this.updateMenuState(isOpen)}>
<Container>
<CustomHeader navigation={this.props.navigation} title={this.props.headerTitle}
leftButton={
<Touchable
style={{padding: 6}}
onPress={() => this.toggle()}>
<CustomMaterialIcon
color={Platform.OS === 'ios' ? ThemeManager.getCurrentThemeVariables().brandPrimary : "#fff"}
icon="menu"/>
</Touchable>
}
rightButton={this.props.headerRightButton}/>
{this.props.children}
</Container>
</CustomSideMenu>
<View style={{
backgroundColor: ThemeManager.getCurrentThemeVariables().containerBgColor,
width: '100%',
height: '100%'
}}>
<CustomSideMenu navigation={this.props.navigation} isOpen={this.state.isOpen}
onChange={(isOpen) => this.updateMenuState(isOpen)}>
<Container>
<CustomHeader navigation={this.props.navigation} title={this.props.headerTitle}
leftButton={
<Touchable
style={{padding: 6}}
onPress={() => this.toggle()}>
<CustomMaterialIcon
color={Platform.OS === 'ios' ? ThemeManager.getCurrentThemeVariables().brandPrimary : "#fff"}
icon="menu"/>
</Touchable>
}
rightButton={this.props.headerRightButton}/>
{this.props.children}
</Container>
</CustomSideMenu>
</View>
);
}
}