Commit 2c5212ff by Jan Hrabal

UI improvements

parent f1c87063
...@@ -45,24 +45,28 @@ const Project = ({ project }) => { ...@@ -45,24 +45,28 @@ const Project = ({ project }) => {
</ListItemAvatar> </ListItemAvatar>
<ListItemText <ListItemText
primary={ project.name } primary={ project.name }
/>
<ListItemText
secondary={ secondary={
<React.Fragment> <React.Fragment>
<div>
<Typography <Typography
component="div" component="div"
variant="body2" variant="body2"
color="textPrimary" color="textPrimary"
> >
To languages: Status: { project.status }
</Typography> </Typography>
{ Array.isArray(project.targetLanguages) && project.targetLanguages.map(l => (<Chip key={ l } label={ l }/>)) } </div>
</React.Fragment> <div>
} <Typography
/> component="div"
<ListItemText variant="body2"
secondary={ color="textPrimary"
<React.Fragment> >
From language:
</Typography>
<Chip label={ project.sourceLanguage }/>
</div>
<div>
<Typography <Typography
component="span" component="span"
variant="body2" variant="body2"
...@@ -71,6 +75,9 @@ const Project = ({ project }) => { ...@@ -71,6 +75,9 @@ const Project = ({ project }) => {
To languages: To languages:
</Typography> </Typography>
{ Array.isArray(project.targetLanguages) && project.targetLanguages.map(l => (<Chip key={ l } label={ l }/>)) } { 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