Select done

components/pages/ListDetail.jsx

@@ -25,14 +25,15 @@ const ListItems = ({ list, onClose }) => {
 };
 
 const ListItemEntry = ({ list, item }) => (
-  <div className="p-4 border-solid border-b cursor-pointer">
-    <span className="text-md">{item.name}</span>
+  <div
+    className="p-4 border-solid border-b cursor-pointer flex select-none"
+    onClick={() => actions.setDone(list, item, !item.done)}
+  >
+    <span className="text-md flex-1">{item.name}</span>
     <input
+      className="pointer-events-none select-none"
       type="checkbox"
-      checked={item.done}
-      onChange={() => {
-        actions.setDone(list, item, !item.done);
-      }}
+      checked={item.done || false}
     />
   </div>
 );

store/actions.js

@@ -34,8 +34,10 @@ export const setSettings = settings => {
 
 export const setDone = (list, item, done) => {
   Store.update((s, o) => {
+    console.log('Setting done', list, item, done);
     const listIndex = o.lists.findIndex(l => l === list);
     const itemIndex = o.lists[listIndex].items.findIndex(i => i === item);
+    console.log(listIndex, itemIndex);
     s.lists[listIndex].items[itemIndex].done = done;
     if (list === o.selectedList) {
       s.selectedList = s.lists[listIndex];