tanner/spaceport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Move Home member info into table and use preferred name

Browse Source
This commit is contained in:
Tanner Collin 2020-01-12 04:58:29 +00:00
parent f937dfdbce
commit 82dfa132e7
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
webclient/src/Home.js
View File

@ -88,34 +88,39 @@ function MemberInfo(props) {
return ( return (
<div> <div>
<Grid stackable> <Grid stackable>
<Grid.Column width={6}> <Grid.Column width={5}>
<img <Image
className='photo-medium' size='small'
src={member.photo_medium ? staticUrl + '/' + member.photo_medium : '/nophoto.png'} size='small' src={member.photo_medium ? staticUrl + '/' + member.photo_medium : '/nophoto.png'}
/> />
</Grid.Column> </Grid.Column>
<Grid.Column width={10}> <Grid.Column width={11}>
<Header size='large'> <Header size='large'>
<Icon.Group size='small'> <Icon.Group size='small'>
<Icon name='circle' color='green' /> <Icon name='circle' color='green' />
</Icon.Group> </Icon.Group>
<Header.Content>{member.first_name} {member.last_name}</Header.Content> <Header.Content>{member.preferred_name} {member.last_name}</Header.Content>
</Header> </Header>
<p>Preferred Name: {member.preferred_name || '???'}</p> <BasicTable>
<p>Email: {user.email}</p> <Table.Body>
<p>Status: Current</p> <Table.Row>
<Table.Cell>Status:</Table.Cell>
<Table.Cell>{member.status}</Table.Cell>
</Table.Row>
<Table.Row>
<Table.Cell>Expiry:</Table.Cell>
<Table.Cell>{member.expire_date}</Table.Cell>
</Table.Row>
</Table.Body>
</BasicTable>
</Grid.Column> </Grid.Column>
</Grid> </Grid>
<Header size='medium'>Details</Header> <Header size='medium'>Details</Header>
<BasicTable> <BasicTable>
<Table.Body> <Table.Body>
<Table.Row>
<Table.Cell>Expiry:</Table.Cell>
<Table.Cell>2099-01-01</Table.Cell>
</Table.Row>
<Table.Row> <Table.Row>
<Table.Cell>Application:</Table.Cell> <Table.Cell>Application:</Table.Cell>
<Table.Cell>{member.application_date || '???'}</Table.Cell> <Table.Cell>{member.application_date || '???'}</Table.Cell>