Browse Source

Added delete button

Fela Maslen 7 years ago
parent
commit
48cac6d7f6
1 changed files with 11 additions and 0 deletions
  1. 11 0
      src/components/CrudDocument/index.js

+ 11 - 0
src/components/CrudDocument/index.js

@@ -32,6 +32,10 @@ export default class CrudDocument extends Component {
         this.props.onUpdate(this.props.id, { [key]: value });
     };
 
+    onDelete = () => {
+        this.props.onDelete(this.props.id);
+    };
+
     render() {
         const {
             pending,
@@ -59,6 +63,13 @@ export default class CrudDocument extends Component {
                 <div className="fields-list">
                     {fieldsList}
                 </div>
+                <div className="meta">
+                    <button className="button-delete"
+                        onClick={this.onDelete}
+                        disabled={pending}>
+                        {'Delete'}
+                    </button>
+                </div>
             </div>
         );
     }