Tasks: colors checkbox according to priority

master
Andrew P Maney 5 years ago committed by Tom Hacohen
parent 0436e9ccd0
commit bdd89fb533

@ -3,10 +3,19 @@
import * as React from 'react'; import * as React from 'react';
import { TaskType, TaskStatusType, PimType } from '../../pim-types'; import { TaskType, TaskStatusType, PimType, TaskPriorityType } from '../../pim-types';
import { ListItem } from '../../widgets/List'; import { ListItem } from '../../widgets/List';
import Checkbox from '@material-ui/core/Checkbox'; import Checkbox from '@material-ui/core/Checkbox';
import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
import * as colors from '@material-ui/core/colors';
const checkboxColor = {
[TaskPriorityType.Undefined]: colors.grey[600],
[TaskPriorityType.Low]: colors.blue[600],
[TaskPriorityType.Medium]: colors.orange[600],
[TaskPriorityType.High]: colors.red[600],
};
import moment from 'moment'; import moment from 'moment';
@ -40,6 +49,7 @@ export default React.memo(function TaskListItem(props: PropsType) {
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
onChange={toggleComplete} onChange={toggleComplete}
checked={task.finished} checked={task.finished}
icon={<CheckBoxOutlineBlankIcon style={{ color: checkboxColor[task.priority] }} />}
/> />
} }
/> />

Loading…
Cancel
Save