From 11a995f6508db9e41010fd1e6ca2bca6a4991561 Mon Sep 17 00:00:00 2001
From: Max Lynch <max@ionic.io>
Date: Thu, 24 Dec 2020 17:50:04 -0600
Subject: [PATCH] Select done

---
 components/pages/ListDetail.jsx | 13 +++++++------
 store/actions.js                |  2 ++
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/pages/ListDetail.jsx b/components/pages/ListDetail.jsx
index 54e597b..1a0343c 100644
--- a/components/pages/ListDetail.jsx
+++ b/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>
 );
diff --git a/store/actions.js b/store/actions.js
index 5aa67dc..282e43e 100644
--- a/store/actions.js
+++ b/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];