From ddaf3df1a3f39b33cefadd8dd06f608ba0961876 Mon Sep 17 00:00:00 2001
From: Harmony <hkunzler@cargurus.com>
Date: Mon, 25 Nov 2019 10:24:32 -0500
Subject: [PATCH] added ability to cross items off

---
 src/Items/Items.js | 17 ++++++++++++++++-
 src/cards/Cards.js |  1 +
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/Items/Items.js b/src/Items/Items.js
index 2d47584..e4874b7 100644
--- a/src/Items/Items.js
+++ b/src/Items/Items.js
@@ -1,9 +1,24 @@
 import React from 'react';
+import { databaseRef } from '../store/firebase.js'
 
-export default function Item({ item }) {
+export default function Item({ item, boxId }) {
+  const handleClick = e => {
+    let url;
+    if(boxId === "1"){
+      url = 'retros/1/www/'
+    } else if(boxId === "2"){
+      url = 'retros/1/!www/'
+    } else if(boxId === "3"){
+      url = 'retros/1/questions/'
+    } else {
+      url = 'retros/1/a/'
+    }
+    databaseRef.ref(url + item.id + `/completed`).set(item.completed === false ? true : false)
+  }
   return (
     <div style={{ textDecoration: item.completed ? "line-through" : "" }}>
       {item.title}
+      <button onClick={handleClick}>{item.completed === false ? 'done' : 'undo'}</button>
     </div>
   )
 }
diff --git a/src/cards/Cards.js b/src/cards/Cards.js
index cd73c09..5e01bab 100644
--- a/src/cards/Cards.js
+++ b/src/cards/Cards.js
@@ -12,6 +12,7 @@ export function Cards({item, setItem, boxId}) {
                         <Item
                             item={i}
                             index={index}
+                            boxId={boxId}
                           />
                           <DeleteItem item={i} boxId={boxId} />
                       </div>