Improved dashboard items placement

This commit is contained in:
Arnaud Vergnet 2020-04-21 10:22:32 +02:00
parent c37e052aa2
commit dc57cbd7bd
2 changed files with 11 additions and 3 deletions

View file

@ -30,11 +30,12 @@ class ActionsDashBoardItem extends React.Component<Props> {
description={"VOTRE COMPTE"} description={"VOTRE COMPTE"}
left={props => <Avatar.Image left={props => <Avatar.Image
{...props} {...props}
size={54} size={40}
source={ICON_AMICALE} source={ICON_AMICALE}
style={styles.avatar}/>} style={styles.avatar}/>}
right={props => <List.Icon {...props} icon="chevron-right"/>} right={props => <List.Icon {...props} icon="chevron-right"/>}
onPress={() => this.props.navigation.navigate("amicale-home")} onPress={() => this.props.navigation.navigate("amicale-home")}
style={styles.list}
/> />
<List.Item <List.Item
title={"STUDENT WEBSITES"} title={"STUDENT WEBSITES"}
@ -42,6 +43,7 @@ class ActionsDashBoardItem extends React.Component<Props> {
left={props => <List.Icon {...props} icon="web"/>} left={props => <List.Icon {...props} icon="web"/>}
right={props => <List.Icon {...props} icon="chevron-right"/>} right={props => <List.Icon {...props} icon="chevron-right"/>}
onPress={() => this.props.navigation.navigate("websites-home")} onPress={() => this.props.navigation.navigate("websites-home")}
style={styles.list}
/> />
<List.Item <List.Item
title={"SERVICES INSA"} title={"SERVICES INSA"}
@ -49,6 +51,7 @@ class ActionsDashBoardItem extends React.Component<Props> {
left={props => <List.Icon {...props} icon="star"/>} left={props => <List.Icon {...props} icon="star"/>}
right={props => <List.Icon {...props} icon="chevron-right"/>} right={props => <List.Icon {...props} icon="chevron-right"/>}
onPress={() => this.props.navigation.navigate("insa-home")} onPress={() => this.props.navigation.navigate("insa-home")}
style={styles.list}
/> />
</Card> </Card>
); );
@ -61,12 +64,16 @@ const styles = StyleSheet.create({
marginLeft: 10, marginLeft: 10,
marginRight: 10, marginRight: 10,
marginTop: 10, marginTop: 10,
elevation: 4,
borderWidth: 1, borderWidth: 1,
}, },
avatar: { avatar: {
backgroundColor: 'transparent' backgroundColor: 'transparent'
}, },
list: {
// height: 50,
paddingTop:0,
paddingBottom:0,
}
}); });
export default withTheme(ActionsDashBoardItem); export default withTheme(ActionsDashBoardItem);

View file

@ -202,6 +202,7 @@ class HomeScreen extends React.Component<Props> {
*/ */
generateDashboardDataset(dashboardData: fullDashboard): Array<dashboardItem> { generateDashboardDataset(dashboardData: fullDashboard): Array<dashboardItem> {
return [ return [
{id: 'actions', content: []},
{ {
id: 'top', id: 'top',
content: [ content: [
@ -247,7 +248,6 @@ class HomeScreen extends React.Component<Props> {
}, },
] ]
}, },
{id: 'actions', content: []},
{ {
id: 'event', id: 'event',
content: dashboardData.today_events content: dashboardData.today_events
@ -445,6 +445,7 @@ class HomeScreen extends React.Component<Props> {
contentContainerStyle={{ contentContainerStyle={{
marginLeft: 'auto', marginLeft: 'auto',
marginRight: 'auto', marginRight: 'auto',
marginTop: 5,
}} }}
/>); />);
} }