Browse Source

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

keplyx 2 years ago
parent
commit
af0bcd0c5c
4 changed files with 26 additions and 22 deletions
  1. 1
    2
      App.js
  2. 2
    2
      app.json
  3. BIN
      assets/android.icon.png
  4. 23
    18
      components/BaseContainer.js

+ 1
- 2
App.js View File

@@ -58,7 +58,7 @@ const slides = [
58 58
         title: 'Restez informés',
59 59
         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 !',
60 60
         icon: 'calendar-range',
61
-        colors: ['#e3cd20', '#ceba1d'],
61
+        colors: ['#d99e09', '#c28d08'],
62 62
     },
63 63
     {
64 64
         key: '3',
@@ -192,7 +192,6 @@ export default class App extends React.Component<Props, State> {
192 192
             return (
193 193
                 <Root>
194 194
                     <StyleProvider style={this.state.currentTheme}>
195
-
196 195
                             <AppNavigator/>
197 196
                     </StyleProvider>
198 197
                 </Root>

+ 2
- 2
app.json View File

@@ -1,6 +1,6 @@
1 1
 {
2 2
   "expo": {
3
-    "name": "Amicale INSAT",
3
+    "name": "COFFEE",
4 4
     "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.",
5 5
     "slug": "application-amicale",
6 6
     "privacy": "public",
@@ -12,7 +12,7 @@
12 12
     ],
13 13
     "version": "0.0.6",
14 14
     "orientation": "portrait",
15
-    "primaryColor": "#e42612",
15
+    "primaryColor": "#be1522",
16 16
     "icon": "./assets/android.icon.png",
17 17
     "splash": {
18 18
       "backgroundColor": "#fff",

BIN
assets/android.icon.png View File


+ 23
- 18
components/BaseContainer.js View File

@@ -34,7 +34,6 @@ export default class BaseContainer extends React.Component<Props, State> {
34 34
     };
35 35
 
36 36
     toggle() {
37
-        console.log('coucou');
38 37
         this.setState({
39 38
             isOpen: !this.state.isOpen,
40 39
         });
@@ -47,23 +46,29 @@ export default class BaseContainer extends React.Component<Props, State> {
47 46
 
48 47
     render() {
49 48
         return (
50
-            <CustomSideMenu navigation={this.props.navigation} isOpen={this.state.isOpen}
51
-                            onChange={(isOpen) => this.updateMenuState(isOpen)}>
52
-                <Container>
53
-                    <CustomHeader navigation={this.props.navigation} title={this.props.headerTitle}
54
-                                  leftButton={
55
-                                      <Touchable
56
-                                          style={{padding: 6}}
57
-                                          onPress={() => this.toggle()}>
58
-                                          <CustomMaterialIcon
59
-                                              color={Platform.OS === 'ios' ? ThemeManager.getCurrentThemeVariables().brandPrimary : "#fff"}
60
-                                              icon="menu"/>
61
-                                      </Touchable>
62
-                                  }
63
-                    rightButton={this.props.headerRightButton}/>
64
-                    {this.props.children}
65
-                </Container>
66
-            </CustomSideMenu>
49
+            <View style={{
50
+                backgroundColor: ThemeManager.getCurrentThemeVariables().containerBgColor,
51
+                width: '100%',
52
+                height: '100%'
53
+            }}>
54
+                <CustomSideMenu navigation={this.props.navigation} isOpen={this.state.isOpen}
55
+                                onChange={(isOpen) => this.updateMenuState(isOpen)}>
56
+                    <Container>
57
+                        <CustomHeader navigation={this.props.navigation} title={this.props.headerTitle}
58
+                                      leftButton={
59
+                                          <Touchable
60
+                                              style={{padding: 6}}
61
+                                              onPress={() => this.toggle()}>
62
+                                              <CustomMaterialIcon
63
+                                                  color={Platform.OS === 'ios' ? ThemeManager.getCurrentThemeVariables().brandPrimary : "#fff"}
64
+                                                  icon="menu"/>
65
+                                          </Touchable>
66
+                                      }
67
+                                      rightButton={this.props.headerRightButton}/>
68
+                        {this.props.children}
69
+                    </Container>
70
+                </CustomSideMenu>
71
+            </View>
67 72
         );
68 73
     }
69 74
 }

Loading…
Cancel
Save