From d0becc3fdbd9abacfde52fcd6223c80ed153ae23 Mon Sep 17 00:00:00 2001
From: profgrammer <javarep4199@gmail.com>
Date: Sun, 8 Sep 2019 19:17:20 +0530
Subject: [PATCH] tick checkboxes of completed todos on load

---
 src/components/TodoItem.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TodoItem.js b/src/components/TodoItem.js
index ad81629..db16bc6 100644
--- a/src/components/TodoItem.js
+++ b/src/components/TodoItem.js
@@ -12,11 +12,11 @@ export class TodoItem extends Component {
   }
 
   render() {
-    const { id, title } = this.props.todo;
+    const { id, title, completed } = this.props.todo;
     return (
       <div style={this.getStyle()}>
         <p>
-          <input type="checkbox" onChange={this.props.markComplete.bind(this, id)} /> {' '}
+          <input checked={completed} type="checkbox" onChange={this.props.markComplete.bind(this, id)} /> {' '}
           { title }
           <button onClick={this.props.delTodo.bind(this, id)} style={btnStyle}>x</button>
         </p>