Jelajahi Sumber

feat(ToDoForm): add IconButton and DeleteIcon

Helder 6 tahun lalu
induk
melakukan
42b132c2c9
1 mengubah file dengan 5 tambahan dan 0 penghapusan
  1. 5 0
      src/app/containers/Home/ToDo/ToDoForm.jsx

+ 5 - 0
src/app/containers/Home/ToDo/ToDoForm.jsx

@@ -2,6 +2,8 @@ import React, { Component } from 'react';
 import { connect } from 'react-redux'
 import { TextField, RaisedButton } from 'material-ui';
 import {updateText, pushToDo} from '../../../store/actions'
+import DeleteIcon from '@material-ui/icons/Delete';
+import IconButton from '@material-ui/core/IconButton';
 
 
 class ToDoForm extends Component{
@@ -42,6 +44,9 @@ class ToDoForm extends Component{
                 style={style}
                 onClick={this._handleSubmit}
               />
+              <IconButton aria-label="Delete" color="secondary">
+                <DeleteIcon fontSize="large" />
+              </IconButton>
               </form>
               </div>
           )