1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-19 18:29:23 +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,10 +1,11 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Modal, ModalHeader, ModalBody } from 'reactstrap';
import { Modal, ModalBody } from 'reactstrap';
import { Utils } from '../../utils/utils';
import { gettext } from '../../utils/constants';
import { seafileAPI } from '../../utils/seafile-api';
import toaster from '../toast';
import SeahubModalHeader from '@/components/common/seahub-modal-header';
import Loading from '../loading';
const propTypes = {
@@ -82,7 +83,7 @@ class GroupMembers extends React.Component {
}
return (
<Modal isOpen={true} toggle={this.props.toggleDialog}>
<ModalHeader toggle={this.props.toggleDialog}>{`${gettext('Group members')} (${memberNumber})`}</ModalHeader>
<SeahubModalHeader toggle={this.props.toggleDialog}>{`${gettext('Group members')} (${memberNumber})`}</SeahubModalHeader>
<ModalBody className="px-0 group-members-container" onScroll={this.handleScroll}>
{isLoading ? <Loading /> : (
<>