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

App.js

@@ -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>

app.json

@@ -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",

components/BaseContainer.js

@@ -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>
         );
     }
 }