added delete account button

Author: jfkonecn

src/main/webapp/app/pages/companyPage/CompanyPage.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { observer } from 'mobx-react';
+import { inject, observer } from 'mobx-react';
 import { getSectionClassName } from 'app/pages/account/AccountUtils';
 import { AvField, AvForm } from 'availity-reactstrap-validation';
 import {
@@ -10,6 +10,7 @@ import {
   LicenseModel,
   LicenseStatus,
   PAGE_ROUTE,
+  REDIRECT_TIMEOUT_MILLISECONDS,
 } from 'app/config/constants';
 import { Alert, Button, Col, Row } from 'react-bootstrap';
 import {
@@ -67,11 +68,16 @@ import {
 import UsageText from 'app/shared/texts/UsageText';
 import { DateSelector } from 'app/components/dateSelector/DateSelector';
 import { DownloadButton } from 'app/components/downloadButton/DownloadButton';
+import { RouterStore } from 'mobx-react-router';
 
 interface MatchParams {
   id: string;
 }
 
+interface ICompanyPage extends RouteComponentProps<MatchParams> {
+  routing: RouterStore;
+}
+
 type SelectOptionType = {
   label: string;
   value: string;
@@ -97,10 +103,15 @@ const LICENSE_STATUS_UPDATE_MESSAGES = {
   },
 };
 
+enum SimpleConfirmModalType {
+  NA,
+  DELETE_COMPANY,
+  UPDATE_COMPANY,
+}
+
+@inject('routing')
 @observer
-export default class CompanyPage extends React.Component<
-  RouteComponentProps<MatchParams>
-> {
+export default class CompanyPage extends React.Component<ICompanyPage> {
   @observable getCompanyStatus = PromiseStatus.pending;
   @observable getCompanyUsersStatus = PromiseStatus.pending;
   @observable getDropdownUsersStatus = PromiseStatus.pending;
@@ -118,10 +129,13 @@ export default class CompanyPage extends React.Component<
   @observable dropDownUsers: SelectOptionType[] = [];
   @observable selectedUsersOptions: SelectOptionType[] = [];
 
+  @observable simpleConfirmModalType: SimpleConfirmModalType =
+    SimpleConfirmModalType.NA;
+
   @observable resourcesTypeToggleValue: ToggleValue =
     ToggleValue.PUBLIC_RESOURCES;
 
-  constructor(props: RouteComponentProps<MatchParams>) {
+  constructor(props: ICompanyPage) {
     super(props);
     this.getCompany();
     this.getDropdownUsers();
@@ -182,7 +196,7 @@ export default class CompanyPage extends React.Component<
   }
 
   @action.bound
-  updateCompany() {
+  onConfirmUpdateCompany() {
     this.showLicenseChangeModal = false;
     this.getCompanyStatus = PromiseStatus.pending;
     this.getCompanyUsersStatus = PromiseStatus.pending;
@@ -218,6 +232,37 @@ export default class CompanyPage extends React.Component<
       });
   }
 
+  @autobind
+  onConfirmDeleteAccountButton() {
+    client.deleteCompanyDomainUsingDELETE({ id: this.company.id }).then(
+      deletedUser => {
+        notifySuccess(
+          'Deleted company, we will redirect you to the users page.'
+        );
+        setTimeout(() => {
+          this.props.routing.history.push(PAGE_ROUTE.ADMIN_USER_DETAILS);
+        }, REDIRECT_TIMEOUT_MILLISECONDS);
+      },
+      (error: Error) => notifyError(error)
+    );
+  }
+
+  @autobind
+  onConfirmSimpleConfirmModal() {
+    switch (this.simpleConfirmModalType) {
+      case SimpleConfirmModalType.UPDATE_COMPANY:
+        this.onConfirmUpdateCompany();
+        break;
+      case SimpleConfirmModalType.DELETE_COMPANY:
+        this.onConfirmDeleteAccountButton();
+        break;
+      case SimpleConfirmModalType.NA:
+      default:
+        break;
+    }
+    this.simpleConfirmModalType = SimpleConfirmModalType.NA;
+  }
+
   @action.bound
   async verifyUserEmail(user: UserDTO) {
     try {
@@ -253,7 +298,7 @@ export default class CompanyPage extends React.Component<
           this.selectedLicenseStatus
         ];
     } else {
-      this.updateCompany();
+      this.onConfirmUpdateCompany();
     }
   }
 
@@ -876,13 +921,42 @@ export default class CompanyPage extends React.Component<
                           </Button>
                         </Col>
                       </Row>
+                      <Row>
+                        <Col className={getSectionClassName()}>
+                          <div className={'my-2 text-danger'}>Danger Zone</div>
+                          <div>
+                            <Button
+                              variant="danger"
+                              onClick={() => {
+                                this.simpleConfirmModalType =
+                                  SimpleConfirmModalType.DELETE_COMPANY;
+                              }}
+                            >
+                              Delete Account
+                            </Button>
+                          </div>
+                        </Col>
+                      </Row>
                     </AvForm>
                     <SimpleConfirmModal
+                      key="company-page-simple-confirm-modal"
+                      show={this.showLicenseChangeModal}
+                      onCancel={() =>
+                        (this.simpleConfirmModalType =
+                          SimpleConfirmModalType.NA)
+                      }
+                      onConfirm={this.onConfirmSimpleConfirmModal}
+                    />
+                    <SimpleConfirmModal
+                      key="company-page-simple-confirm-modal"
                       show={this.showLicenseChangeModal}
                       title={'Review Company Changes'}
                       body={this.licenseChangeModalBody}
-                      onCancel={() => (this.showLicenseChangeModal = false)}
-                      onConfirm={this.updateCompany}
+                      onCancel={() =>
+                        (this.simpleConfirmModalType =
+                          SimpleConfirmModalType.NA)
+                      }
+                      onConfirm={this.onConfirmUpdateCompany}
                     />
                   </>
                 </DocumentTitle>