vergnet/application-amicale
5
5
Fork 5
Code Issues Pull requests Releases Wiki Activity

Improved dashboard amicale item

Browse source
This commit is contained in:
Arnaud Vergnet 2020-04-22 12:20:55 +02:00
parent b31269586b
commit 9207d02c2a
2 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/Home/ActionsDashboardItem.js
View file

@ -11,15 +11,18 @@ const ICON_AMICALE = require("../../../assets/amicale.png");
type Props = {
navigation: DrawerNavigationProp,
theme: CustomTheme,
isLoggedIn: boolean,
}
class ActionsDashBoardItem extends React.Component<Props> {
shouldComponentUpdate(nextProps: Props): boolean {
return (nextProps.theme.dark !== this.props.theme.dark)
|| (nextProps.isLoggedIn !== this.props.isLoggedIn);
}
render() {
const isLoggedIn = this.props.isLoggedIn;
return (
<Card style={{
...styles.card,
@ -27,14 +30,18 @@ class ActionsDashBoardItem extends React.Component<Props> {
}}>
<List.Item
title={"AMICALE"}
description={"VOTRE COMPTE"}
description={isLoggedIn ? "VOTRE ESPACE" : "SE CONNECTER"}
left={props => <Avatar.Image
{...props}
size={40}
source={ICON_AMICALE}
style={styles.avatar}/>}
right={props => <List.Icon {...props} icon="chevron-right"/>}
onPress={() => this.props.navigation.navigate("amicale-home")}
right={props => <List.Icon {...props} icon={isLoggedIn
? "chevron-right"
: "login"}/>}
onPress={isLoggedIn
? () => this.props.navigation.navigate("services")
: () => this.props.navigation.navigate("login")}
style={styles.list}
/>
</Card>

2
src/screens/Home/HomeScreen.js
View file

@ -312,7 +312,7 @@ class HomeScreen extends React.Component<Props, State> {
}
getDashboardActions() {
return <ActionsDashBoardItem {...this.props}/>;
return <ActionsDashBoardItem {...this.props} isLoggedIn={this.isLoggedIn}/>;
}
/**