1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-06 17:33:18 +00:00

custom modal header close icon (#7240)

* seahub custom modal header

* add custom modal header

* special modal use custom close
This commit is contained in:
Michael An
2024-12-24 11:20:40 +08:00
committed by GitHub
parent bbf567562e
commit 08abceb14b
147 changed files with 503 additions and 315 deletions

View File

@@ -1,7 +1,8 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap';
import { Modal, ModalBody, ModalFooter, Button } from 'reactstrap';
import { gettext } from '../../utils/constants';
import SeahubModalHeader from '@/components/common/seahub-modal-header';
const propTypes = {
title: PropTypes.string.isRequired,
@@ -26,7 +27,7 @@ class CommonOperationConfirmationDialog extends Component {
let { title, message, confirmBtnText } = this.props;
return (
<Modal isOpen={true} toggle={this.toggle}>
<ModalHeader toggle={this.toggle}>{title}</ModalHeader>
<SeahubModalHeader toggle={this.toggle}>{title}</SeahubModalHeader>
<ModalBody>
<p dangerouslySetInnerHTML={{ __html: message }}></p>
</ModalBody>