aboutsummaryrefslogtreecommitdiffstats
path: root/server/sonar-web/src/main/js/apps/projectsManagement/DeleteModal.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'server/sonar-web/src/main/js/apps/projectsManagement/DeleteModal.tsx')
-rw-r--r--server/sonar-web/src/main/js/apps/projectsManagement/DeleteModal.tsx18
1 files changed, 7 insertions, 11 deletions
diff --git a/server/sonar-web/src/main/js/apps/projectsManagement/DeleteModal.tsx b/server/sonar-web/src/main/js/apps/projectsManagement/DeleteModal.tsx
index a9b45bb2a52..9300d2bc96b 100644
--- a/server/sonar-web/src/main/js/apps/projectsManagement/DeleteModal.tsx
+++ b/server/sonar-web/src/main/js/apps/projectsManagement/DeleteModal.tsx
@@ -19,9 +19,10 @@
*/
import * as React from 'react';
import { bulkDeleteProjects } from '../../api/components';
-import { translate, translateWithParameters } from '../../helpers/l10n';
-import AlertWarnIcon from '../../components/icons-components/AlertWarnIcon';
import Modal from '../../components/controls/Modal';
+import AlertWarnIcon from '../../components/icons-components/AlertWarnIcon';
+import { Button, ResetButtonLink } from '../../components/ui/buttons';
+import { translate, translateWithParameters } from '../../helpers/l10n';
export interface Props {
analyzedBefore?: string;
@@ -51,11 +52,6 @@ export default class DeleteModal extends React.PureComponent<Props, State> {
this.mounted = false;
}
- handleCancelClick = (event: React.SyntheticEvent<HTMLAnchorElement>) => {
- event.preventDefault();
- this.props.onClose();
- };
-
handleConfirmClick = () => {
this.setState({ loading: true });
const parameters = this.props.selection.length
@@ -112,15 +108,15 @@ export default class DeleteModal extends React.PureComponent<Props, State> {
<footer className="modal-foot">
{this.state.loading && <i className="spinner spacer-right" />}
- <button
+ <Button
className="button-red"
disabled={this.state.loading}
onClick={this.handleConfirmClick}>
{translate('delete')}
- </button>
- <a className="js-modal-close" href="#" onClick={this.handleCancelClick}>
+ </Button>
+ <ResetButtonLink className="js-modal-close" onClick={this.props.onClose}>
{translate('cancel')}
- </a>
+ </ResetButtonLink>
</footer>
</Modal>
);