From bdd89fb533b31e0c5d5166f0e6462b183062050e Mon Sep 17 00:00:00 2001
From: Andrew P Maney <amaney@usc.edu>
Date: Thu, 12 Mar 2020 15:14:27 -0700
Subject: [PATCH] Tasks: colors checkbox according to priority

---
 src/components/Tasks/TaskListItem.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Tasks/TaskListItem.tsx b/src/components/Tasks/TaskListItem.tsx
index c4382d9..7e89c3b 100644
--- a/src/components/Tasks/TaskListItem.tsx
+++ b/src/components/Tasks/TaskListItem.tsx
@@ -3,10 +3,19 @@
 
 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 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';
 
@@ -40,6 +49,7 @@ export default React.memo(function TaskListItem(props: PropsType) {
           onClick={(e) => e.stopPropagation()}
           onChange={toggleComplete}
           checked={task.finished}
+          icon={<CheckBoxOutlineBlankIcon style={{ color: checkboxColor[task.priority] }} />}
         />
       }
     />