Commit 2c5212ff by Jan Hrabal

UI improvements

parent f1c87063
...@@ -45,32 +45,39 @@ const Project = ({ project }) => { ...@@ -45,32 +45,39 @@ const Project = ({ project }) => {
</ListItemAvatar> </ListItemAvatar>
<ListItemText <ListItemText
primary={ project.name } primary={ project.name }
/>
<ListItemText
secondary={ secondary={
<React.Fragment> <React.Fragment>
<Typography <div>
component="div" <Typography
variant="body2" component="div"
color="textPrimary" variant="body2"
> color="textPrimary"
To languages: >
</Typography> Status: { project.status }
{ Array.isArray(project.targetLanguages) && project.targetLanguages.map(l => (<Chip key={ l } label={ l }/>)) } </Typography>
</React.Fragment> </div>
} <div>
/> <Typography
<ListItemText component="div"
secondary={ variant="body2"
<React.Fragment> color="textPrimary"
<Typography >
component="span" From language:
variant="body2" </Typography>
color="textPrimary" <Chip label={ project.sourceLanguage }/>
> </div>
To languages: <div>
</Typography> <Typography
{ Array.isArray(project.targetLanguages) && project.targetLanguages.map(l => (<Chip key={ l } label={ l }/>)) } component="span"
variant="body2"
color="textPrimary"
>
To languages:
</Typography>
{ Array.isArray(project.targetLanguages) && project.targetLanguages.map(l => (<Chip key={ l } label={ l }/>)) }
</div>
</React.Fragment> </React.Fragment>
} }
/> />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment