refactoring

scm-ui/src/users/containers/DeleteUserButton.js

@@ -1,28 +1,30 @@
 // @flow
 import React from "react";
-import type {
+import type { User } from "../types/User";
-  User
+import { confirmAlert } from '../../components/ConfirmAlert';
-} from "../types/User";
-import {
-  confirmAlert
-} from '../../components/ConfirmAlert';
 
 type Props = {
   user: User,
+  confirmDialog?: boolean,
   deleteUser: (link: string) => void,
 };
 
-class DeleteUserButton extends React.Component < Props > {
+class DeleteUserButton extends React.Component<Props> {
 
-  deleteUser = () => {
+  static defaultProps = {
-    this.props.deleteUser(this.props.user._links.delete.href);
+    confirmDialog: true
   };
 
-  confirmDelete = () => {
+  deleteUser = () => {
-    confirmAlert({
+    this.props.deleteUser(this.props.user._links.delete.href); 
+  };
+
+  confirmDelete = () =>{
+    confirmAlert({ 
       title: 'Delete user',
       message: 'Do you really want to delete the user?',
-      buttons: [{
+      buttons: [
+        {
           label: 'Yes',
           onClick: () => this.deleteUser()
         },
@@ -31,26 +33,24 @@ class DeleteUserButton extends React.Component < Props > {
           onClick: () => null
         }
       ]
-    })
+    });
-  }
+  };
 
   isDeletable = () => {
     return this.props.user._links.delete;
   };
 
   render() {
+    const { confirmDialog } = this.props;
+    const action = confirmDialog ? this.confirmDelete : this.deleteUser;
+
     if (!this.isDeletable()) {
       return;
     }
-    return ( <
+    return (
-      button type = "button"
+      <button type="button" onClick={(e) => { action() } }>
-      onClick = {
+        Delete User       
-        (e) => {
+      </button>
-          this.confirmDelete()
-        }
-      } >
-      Delete User <
-      /button>
     );
   }
 }