minor adjustments

mantasoff · Oct 11, 2019 · 0d4ac2a · 0d4ac2a
1 parent 429b017
commit 0d4ac2a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/TodoCard.js b/src/components/TodoCard.js
@@ -19,18 +19,18 @@ class TodoCard extends React.Component {
     render() {
         return( 
             <div className="ui segment">
-                <form class="ui form">
-                    <div class="field">
+                <form className="ui form">
+                    <div className="field">
                         <label>Todo</label>
-                        <div class="inline fields">
+                        <div className="inline fields">
                             <div className="field">
                                 <Checkbox value={this.props.todo.isDone} valueChange={this.onCheckboxChange}/>                        
                             </div>
 
-                            <div class="twelve wide field">
+                            <div className="twelve wide field">
                                 <input  type="text" placeholder="What do you want to do?" />
                             </div>
-                            <div class="two wide field">
+                            <div className="two wide field">
                                 <button className="ui button red" onClick={() => {this.props.deleteTodo(this.props.todo.id)}}>Delete</button>
                             </div>
                         </div>

diff --git a/src/components/TodoList.js b/src/components/TodoList.js
@@ -8,7 +8,7 @@ class TodoList extends React.Component {
         return(
             this.props.todoArray.map(todo => {
                 return(
-                    <TodoCard id={todo.id} deleteTodo={this.props.deleteTodo} changeTodo={this.props.changeTodo} todo={todo}/>
+                    <TodoCard key={todo.id} deleteTodo={this.props.deleteTodo} changeTodo={this.props.changeTodo} todo={todo}/>
                 );
             })
         );
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,7 +8,7 @@ class TodoList extends React.Component { @@
             return(
                 this.props.todoArray.map(todo => {
                     return(
-                        <TodoCard id={todo.id} deleteTodo={this.props.deleteTodo} changeTodo={this.props.changeTodo} todo={todo}/>
+                        <TodoCard key={todo.id} deleteTodo={this.props.deleteTodo} changeTodo={this.props.changeTodo} todo={todo}/>
                     );
                 })
             );
@@ Expand Down @@