Tasks: adds secondary text displaying time until due

5 years ago · dc1b17f7f4
parent 8e1e3b8fe1
commit dc1b17f7f4
1 changed files with 3 additions and 0 deletions
--- a/src/components/Tasks/TaskListItem.tsx
+++ b/src/components/Tasks/TaskListItem.tsx
@ -8,6 +8,8 @@ import { ListItem } from '../../widgets/List';

 import Checkbox from '@material-ui/core/Checkbox';

+import moment from 'moment';
+
 interface PropsType {
  entry: TaskType;
  onClick: (task: TaskType) => void;
@ -31,6 +33,7 @@ export default React.memo(function TaskListItem(props: PropsType) {
  return (
    <ListItem
      primaryText={title}
+      secondaryText={task.dueDate && `Due ${moment().to(task.dueDate.toJSDate())}`}
      onClick={() => onClick(task)}
      leftIcon={
        <Checkbox