made a component of the row

Author: Carlos Alcazar

web-app-redux/src/home/todoResults/todoResults.js

@@ -1,6 +1,7 @@
 import React from 'react'
+import TodoResultsRow from './todoResultsRow/todoResultsRow'
 import './todoResults.scss'
-import MaterialIcon from 'material-icons-react';
+
 
 export default class TodoResults extends React.Component {
     render() {
@@ -11,17 +12,8 @@ export default class TodoResults extends React.Component {
                         <th>List</th>
                     </tr>
                     <tbody>
-                        <tr>
-                            <td>
-                                <span class="todoText">
-                                hi
-                                </span>
-                                <button class="iconContainer">
-                                    <MaterialIcon icon="delete" />
-                                </button>
-                            </td>
-                        </tr>
-                        
+                        <TodoResultsRow todoItem="test" />
+                        <TodoResultsRow todoItem="test" />
                     </tbody>
                 </table>
             </section>

web-app-redux/src/home/todoResults/todoResultsRow/todoResultsRow.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import MaterialIcon from 'material-icons-react';
+
+export default class TodoResultsRow extends React.Component {
+
+    render() {
+        return (
+            <tr>
+                <td>
+                    <span class="todoText">
+                    {this.props.todoItem}
+                    </span>
+                    <button class="iconContainer">
+                        <MaterialIcon icon="delete" />
+                    </button>
+                </td>
+            </tr>
+        )
+    }
+}