|
@@ -183,9 +183,11 @@ const DrawerContent = ({isLogin, userInfo, onLogout, navigation}) => {
|
|
|
onClick={() => {
|
|
onClick={() => {
|
|
|
startPage(PageList.profile)
|
|
startPage(PageList.profile)
|
|
|
}}>
|
|
}}>
|
|
|
- <Image
|
|
|
|
|
|
|
+ <MaterialCommunityIcons
|
|
|
style={styles.icon}
|
|
style={styles.icon}
|
|
|
- source={require('../../images/icon/draw-user.png')}/>
|
|
|
|
|
|
|
+ name="account-outline"
|
|
|
|
|
+ color="#333"
|
|
|
|
|
+ size={26}/>
|
|
|
<Text style={styles.label}>Profile Settings</Text>
|
|
<Text style={styles.label}>Profile Settings</Text>
|
|
|
</Button>
|
|
</Button>
|
|
|
: <Button
|
|
: <Button
|
|
@@ -194,9 +196,11 @@ const DrawerContent = ({isLogin, userInfo, onLogout, navigation}) => {
|
|
|
onClick={() => {
|
|
onClick={() => {
|
|
|
startPage(PageList.login);
|
|
startPage(PageList.login);
|
|
|
}}>
|
|
}}>
|
|
|
- <Image
|
|
|
|
|
- style={styles.icon}
|
|
|
|
|
- source={require('../../images/icon/draw-user.png')}/>
|
|
|
|
|
|
|
+ <MaterialCommunityIcons
|
|
|
|
|
+ style={styles.icon2}
|
|
|
|
|
+ name="login-variant"
|
|
|
|
|
+ color="#333"
|
|
|
|
|
+ size={24}/>
|
|
|
<Text style={styles.label}>Sign In</Text>
|
|
<Text style={styles.label}>Sign In</Text>
|
|
|
</Button>
|
|
</Button>
|
|
|
}
|
|
}
|
|
@@ -207,9 +211,11 @@ const DrawerContent = ({isLogin, userInfo, onLogout, navigation}) => {
|
|
|
onClick={() => {
|
|
onClick={() => {
|
|
|
navigation.toggleDrawer();
|
|
navigation.toggleDrawer();
|
|
|
}}>
|
|
}}>
|
|
|
- <Image
|
|
|
|
|
|
|
+ <MaterialCommunityIcons
|
|
|
style={styles.icon}
|
|
style={styles.icon}
|
|
|
- source={require('../../images/icon/draw-home.png')}/>
|
|
|
|
|
|
|
+ name="home-outline"
|
|
|
|
|
+ color="#333"
|
|
|
|
|
+ size={26}/>
|
|
|
<Text style={styles.label}>Home</Text>
|
|
<Text style={styles.label}>Home</Text>
|
|
|
</Button>
|
|
</Button>
|
|
|
|
|
|
|
@@ -218,38 +224,51 @@ const DrawerContent = ({isLogin, userInfo, onLogout, navigation}) => {
|
|
|
style={styles.itemButton}
|
|
style={styles.itemButton}
|
|
|
viewStyle={styles.itemView}
|
|
viewStyle={styles.itemView}
|
|
|
onClick={() => getCharging()}>
|
|
onClick={() => getCharging()}>
|
|
|
- <Image
|
|
|
|
|
|
|
+ {/* <Image
|
|
|
style={styles.icon}
|
|
style={styles.icon}
|
|
|
- source={require('../../images/icon/draw-charge.png')}/>
|
|
|
|
|
|
|
+ source={require('../../images/icon/draw-charge.png')}/> */}
|
|
|
|
|
+ <MaterialCommunityIcons
|
|
|
|
|
+ style={styles.icon}
|
|
|
|
|
+ name="car-electric-outline"
|
|
|
|
|
+ color="#333"
|
|
|
|
|
+ size={26}
|
|
|
|
|
+ />
|
|
|
<Text style={styles.label}>Charging</Text>
|
|
<Text style={styles.label}>Charging</Text>
|
|
|
</Button>
|
|
</Button>
|
|
|
: <View
|
|
: <View
|
|
|
style={styles.disableItem}>
|
|
style={styles.disableItem}>
|
|
|
- <Image
|
|
|
|
|
|
|
+ <MaterialCommunityIcons
|
|
|
style={styles.icon}
|
|
style={styles.icon}
|
|
|
- source={require('../../images/icon/draw-charge-no.png')}/>
|
|
|
|
|
|
|
+ name="car-electric-outline"
|
|
|
|
|
+ color="#999"
|
|
|
|
|
+ size={26}
|
|
|
|
|
+ />
|
|
|
|
|
+ {/* <Image
|
|
|
|
|
+ style={styles.icon}
|
|
|
|
|
+ source={require('../../images/icon/draw-charge-no.png')}/> */}
|
|
|
<Text style={styles.disable}>Charging</Text>
|
|
<Text style={styles.disable}>Charging</Text>
|
|
|
</View>
|
|
</View>
|
|
|
}
|
|
}
|
|
|
- { isLogin
|
|
|
|
|
- ? <Button
|
|
|
|
|
- style={styles.itemButton}
|
|
|
|
|
- viewStyle={styles.itemView}
|
|
|
|
|
- onClick={() => {
|
|
|
|
|
- startPage(PageList.wallet);
|
|
|
|
|
- }}>
|
|
|
|
|
- <Image
|
|
|
|
|
- style={styles.icon}
|
|
|
|
|
- source={require('../../images/icon/draw-transaction.png')}/>
|
|
|
|
|
- <Text style={styles.label}>Transactions</Text>
|
|
|
|
|
- </Button>
|
|
|
|
|
- : <View
|
|
|
|
|
- style={styles.disableItem}>
|
|
|
|
|
- <Image
|
|
|
|
|
- style={styles.icon}
|
|
|
|
|
- source={require('../../images/icon/draw-transaction-no.png')}/>
|
|
|
|
|
- <Text style={styles.disable}>Transactions</Text>
|
|
|
|
|
- </View>
|
|
|
|
|
|
|
+ { isLogin &&
|
|
|
|
|
+ <Button
|
|
|
|
|
+ style={styles.itemButton}
|
|
|
|
|
+ viewStyle={styles.itemView}
|
|
|
|
|
+ onClick={() => {
|
|
|
|
|
+ startPage(PageList.wallet);
|
|
|
|
|
+ }}>
|
|
|
|
|
+ <Image
|
|
|
|
|
+ style={styles.icon}
|
|
|
|
|
+ source={require('../../images/icon/draw-transaction.png')}/>
|
|
|
|
|
+ <Text style={styles.label}>Transactions</Text>
|
|
|
|
|
+ </Button>
|
|
|
|
|
+ }
|
|
|
|
|
+ {/* <View
|
|
|
|
|
+ style={styles.disableItem}>
|
|
|
|
|
+ <Image
|
|
|
|
|
+ style={styles.icon}
|
|
|
|
|
+ source={require('../../images/icon/draw-transaction-no.png')}/>
|
|
|
|
|
+ <Text style={styles.disable}>Transactions</Text>
|
|
|
|
|
+ </View> */
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
<Button
|
|
<Button
|
|
@@ -258,9 +277,11 @@ const DrawerContent = ({isLogin, userInfo, onLogout, navigation}) => {
|
|
|
onClick={() => {
|
|
onClick={() => {
|
|
|
startPage(PageList.feedback);
|
|
startPage(PageList.feedback);
|
|
|
}}>
|
|
}}>
|
|
|
- <Image
|
|
|
|
|
|
|
+ <MaterialCommunityIcons
|
|
|
style={styles.icon2}
|
|
style={styles.icon2}
|
|
|
- source={require('../../images/icon/draw-feedback.png')}/>
|
|
|
|
|
|
|
+ name="message-alert-outline"
|
|
|
|
|
+ color="#222"
|
|
|
|
|
+ size={24}/>
|
|
|
<Text style={styles.label}>Feedback</Text>
|
|
<Text style={styles.label}>Feedback</Text>
|
|
|
</Button>
|
|
</Button>
|
|
|
|
|
|
|
@@ -271,24 +292,26 @@ const DrawerContent = ({isLogin, userInfo, onLogout, navigation}) => {
|
|
|
startPage(PageList.privacy);
|
|
startPage(PageList.privacy);
|
|
|
}}>
|
|
}}>
|
|
|
<Image
|
|
<Image
|
|
|
- style={styles.icon2}
|
|
|
|
|
|
|
+ style={styles.icon}
|
|
|
source={require('../../images/icon/draw-privacy.png')}/>
|
|
source={require('../../images/icon/draw-privacy.png')}/>
|
|
|
<Text style={styles.label}>Privacy Policy</Text>
|
|
<Text style={styles.label}>Privacy Policy</Text>
|
|
|
</Button>
|
|
</Button>
|
|
|
|
|
+ <Button
|
|
|
|
|
+ style={styles.itemButton}
|
|
|
|
|
+ viewStyle={styles.itemView}
|
|
|
|
|
+ onClick={() => {
|
|
|
|
|
+ startPage(PageList.condition);
|
|
|
|
|
+ }}>
|
|
|
|
|
+ <MaterialCommunityIcons
|
|
|
|
|
+ style={styles.icon}
|
|
|
|
|
+ name="file-eye-outline"
|
|
|
|
|
+ color="#222"
|
|
|
|
|
+ size={26}/>
|
|
|
|
|
+ <Text style={styles.label}>Terms of Use</Text>
|
|
|
|
|
+ </Button>
|
|
|
|
|
|
|
|
{ DEBUG &&
|
|
{ DEBUG &&
|
|
|
<>
|
|
<>
|
|
|
- <Button
|
|
|
|
|
- style={styles.itemButton}
|
|
|
|
|
- viewStyle={styles.itemView}
|
|
|
|
|
- onClick={() => {
|
|
|
|
|
- startPage(PageList.condition);
|
|
|
|
|
- }}>
|
|
|
|
|
- <Image
|
|
|
|
|
- style={styles.icon2}
|
|
|
|
|
- source={require('../../images/icon/draw-terms.png')}/>
|
|
|
|
|
- <Text style={styles.label}>Terms and Conditions</Text>
|
|
|
|
|
- </Button>
|
|
|
|
|
<Button
|
|
<Button
|
|
|
style={styles.itemButton}
|
|
style={styles.itemButton}
|
|
|
viewStyle={styles.itemView}
|
|
viewStyle={styles.itemView}
|
|
@@ -334,10 +357,11 @@ const DrawerContent = ({isLogin, userInfo, onLogout, navigation}) => {
|
|
|
startPage(PageList.settings);
|
|
startPage(PageList.settings);
|
|
|
}}>
|
|
}}>
|
|
|
<Ionicons
|
|
<Ionicons
|
|
|
- style={styles.icon2}
|
|
|
|
|
- name="settings-outline"
|
|
|
|
|
- color="#333"
|
|
|
|
|
- size={24}/>
|
|
|
|
|
|
|
+ style={styles.icon}
|
|
|
|
|
+ name="md-settings-outline"
|
|
|
|
|
+ color="#222"
|
|
|
|
|
+ size={25}
|
|
|
|
|
+ />
|
|
|
<Text style={styles.label}>Settings</Text>
|
|
<Text style={styles.label}>Settings</Text>
|
|
|
</Button>
|
|
</Button>
|
|
|
<Button
|
|
<Button
|
|
@@ -346,9 +370,12 @@ const DrawerContent = ({isLogin, userInfo, onLogout, navigation}) => {
|
|
|
onClick={() => {
|
|
onClick={() => {
|
|
|
startPage(PageList.about);
|
|
startPage(PageList.about);
|
|
|
}}>
|
|
}}>
|
|
|
- <Image
|
|
|
|
|
- style={styles.icon2}
|
|
|
|
|
- source={require('../../images/icon/draw-about.png')}/>
|
|
|
|
|
|
|
+ <MaterialCommunityIcons
|
|
|
|
|
+ style={styles.icon}
|
|
|
|
|
+ name="information-outline"
|
|
|
|
|
+ color="#333"
|
|
|
|
|
+ size={26}
|
|
|
|
|
+ />
|
|
|
<Text style={styles.label}>About Us</Text>
|
|
<Text style={styles.label}>About Us</Text>
|
|
|
</Button>
|
|
</Button>
|
|
|
|
|
|