diff options
Diffstat (limited to 'webui/src/list/BugRow.js')
| -rw-r--r-- | webui/src/list/BugRow.js | 17 |
1 files changed, 5 insertions, 12 deletions
diff --git a/webui/src/list/BugRow.js b/webui/src/list/BugRow.js index 1ce5ea06..dba498d2 100644 --- a/webui/src/list/BugRow.js +++ b/webui/src/list/BugRow.js @@ -5,9 +5,10 @@ import Tooltip from '@material-ui/core/Tooltip/Tooltip' import Typography from '@material-ui/core/Typography' import ErrorOutline from '@material-ui/icons/ErrorOutline' import gql from 'graphql-tag' -import * as moment from 'moment' import React from 'react' import { Link } from 'react-router-dom' +import Date from '../Date' +import Label from '../Label' const Open = ({className}) => <Tooltip title="Open"> <ErrorOutline nativeColor='#28a745' className={className}/> @@ -46,12 +47,6 @@ const styles = theme => ({ labels: { display: 'inline-block', paddingLeft: theme.spacing.unit, - '&>span': { - padding: '0 4px', - margin: '0 1px', - backgroundColor: '#da9898', - borderRadius: '3px' - } } }) @@ -68,16 +63,14 @@ const BugRow = ({bug, classes}) => ( </Typography> <span className={classes.labels}> {bug.labels.map(l => ( - <span key={l}>{l}</span>) - )} + <Label key={l} label={l}/> + ))} </span> </div> </Link> <Typography color={'textSecondary'}> {bug.humanId} opened - <Tooltip title={moment(bug.createdAt).format('MMMM D, YYYY, h:mm a')}> - <span> {moment(bug.createdAt).fromNow()} </span> - </Tooltip> + <Date date={bug.createdAt} /> by {bug.author.name} </Typography> </div> |