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

external link fix abuse report style (#7507)

Browse Source 
* external link fix abuse report style

* change codes
This commit is contained in:
Michael An
2025-02-24 14:03:09 +08:00
committed by GitHub
parent 5bca4562fb
commit 78cb08d5a1
1 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/components/dialog/add-abuse-report-dialog.js
View File

@@ -2,6 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import { Button, Form, FormGroup, Label, Input, Modal, ModalBody, ModalFooter, Alert } from 'reactstrap';
import { gettext } from '../../utils/constants';
import { SeahubSelect } from '../common/select';
import { seafileAPI } from '../../utils/seafile-api';
import toaster from '../toast';
import SeahubModalHeader from '@/components/common/seahub-modal-header';
@@ -24,6 +25,12 @@ class AddAbuseReportDialog extends React.Component {
reporter: this.props.contactEmail,
errMessage: '',
};
this.typeOptions = [
{ value: 'copyright', label: gettext('Copyright Infringement') },
{ value: 'virus', label: gettext('Virus') },
{ value: 'abuse_content', label: gettext('Abuse Content') },
{ value: 'other', label: gettext('Other') },
];
}
onAbuseReport = () => {
@@ -45,8 +52,8 @@ class AddAbuseReportDialog extends React.Component {
});
};
onAbuseTypeChange = (event) => {
let type = event.target.value;
onAbuseTypeChange = (option) => {
let type = option.value;
if (type === this.state.abuseType) {
return;
}
@@ -70,13 +77,13 @@ class AddAbuseReportDialog extends React.Component {
<ModalBody>
<Form>
<FormGroup>
<Label for="abuse-type-select">{gettext('Abuse Type')}</Label>
<Input type="select" id="abuse-type-select" onChange={(event) => this.onAbuseTypeChange(event)}>
<option value='copyright'>{gettext('Copyright Infringement')}</option>
<option value='virus'>{gettext('Virus')}</option>
<option value='abuse_content'>{gettext('Abuse Content')}</option>
<option value='other'>{gettext('Other')}</option>
</Input>
<Label>{gettext('Abuse Type')}</Label>
<SeahubSelect
options={this.typeOptions}
value={this.typeOptions.find(option => option.value === this.state.abuseType) || this.typeOptions[0]}
onChange={this.onAbuseTypeChange}
isClearable={false}
/>
</FormGroup>
<FormGroup>
<Label>{gettext('Contact Information')}</Label>