haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-10 11:21:29 +00:00
Code Issues Releases Wiki Activity

change clean dialog style (#7024)

Browse Source
This commit is contained in:
Michael An
2024-11-11 12:30:11 +08:00
committed by GitHub
parent 767218ff50
commit 9bdfdaa747
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/dialog/clean-trash.js
View File

@@ -1,7 +1,8 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'; import { Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap';
import CreatableSelect from 'react-select/creatable'; import CreatableSelect from 'react-select/creatable';
import { MenuSelectStyle } from '../common/select/seahub-select-style';
import { gettext } from '../../utils/constants'; import { gettext } from '../../utils/constants';
import { seafileAPI } from '../../utils/seafile-api'; import { seafileAPI } from '../../utils/seafile-api';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
@@ -58,7 +59,7 @@ class CleanTrash extends React.Component {
render() { render() {
const { formErrorMsg } = this.state; const { formErrorMsg } = this.state;
return ( return (
<Modal isOpen={true} centered={true} toggle={this.props.toggleDialog}> <Modal isOpen={true} toggle={this.props.toggleDialog}>
<ModalHeader toggle={this.props.toggleDialog}>{gettext('Clean')}</ModalHeader> <ModalHeader toggle={this.props.toggleDialog}>{gettext('Clean')}</ModalHeader>
<ModalBody> <ModalBody>
<React.Fragment> <React.Fragment>
@@ -69,12 +70,14 @@ class CleanTrash extends React.Component {
autoFocus={false} autoFocus={false}
onChange={this.handleInputChange} onChange={this.handleInputChange}
placeholder='' placeholder=''
styles={MenuSelectStyle}
/> />
{formErrorMsg && <p className="error m-0 mt-2">{formErrorMsg}</p>} {formErrorMsg && <p className="error m-0 mt-2">{formErrorMsg}</p>}
</React.Fragment> </React.Fragment>
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<button className="btn btn-primary" disabled={this.state.submitBtnDisabled} onClick={this.formSubmit}>{gettext('Submit')}</button> <Button color="secondary" onClick={this.props.toggleDialog}>{gettext('Cancel')}</Button>
<Button color="primary" disabled={this.state.submitBtnDisabled} onClick={this.formSubmit}>{gettext('Submit')}</Button>
</ModalFooter> </ModalFooter>
</Modal> </Modal>
); );

9
frontend/src/components/dialog/wiki-clean-trash.js
View File

@@ -1,7 +1,8 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'; import { Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap';
import CreatableSelect from 'react-select/creatable'; import CreatableSelect from 'react-select/creatable';
import { MenuSelectStyle } from '../common/select/seahub-select-style';
import { gettext } from '../../utils/constants'; import { gettext } from '../../utils/constants';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
import toaster from '../toast'; import toaster from '../toast';
@@ -58,7 +59,7 @@ class WikiCleanTrash extends React.Component {
render() { render() {
const { formErrorMsg } = this.state; const { formErrorMsg } = this.state;
return ( return (
<Modal isOpen={true} centered={true} toggle={this.props.toggleDialog}> <Modal isOpen={true} toggle={this.props.toggleDialog}>
<ModalHeader toggle={this.props.toggleDialog}>{gettext('Clean')}</ModalHeader> <ModalHeader toggle={this.props.toggleDialog}>{gettext('Clean')}</ModalHeader>
<ModalBody> <ModalBody>
<React.Fragment> <React.Fragment>
@@ -69,12 +70,14 @@ class WikiCleanTrash extends React.Component {
autoFocus={false} autoFocus={false}
onChange={this.handleInputChange} onChange={this.handleInputChange}
placeholder='' placeholder=''
styles={MenuSelectStyle}
/> />
{formErrorMsg && <p className="error m-0 mt-2">{formErrorMsg}</p>} {formErrorMsg && <p className="error m-0 mt-2">{formErrorMsg}</p>}
</React.Fragment> </React.Fragment>
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<button className="btn btn-primary" disabled={this.state.submitBtnDisabled} onClick={this.formSubmit}>{gettext('Submit')}</button> <Button color="secondary" onClick={this.props.toggleDialog}>{gettext('Cancel')}</Button>
<Button color="primary" disabled={this.state.submitBtnDisabled} onClick={this.formSubmit}>{gettext('Submit')}</Button>
</ModalFooter> </ModalFooter>
</Modal> </Modal>
); );