Reworded the text of UnsafeOptionsConfirmationModal to specify that it's about configuration and renamed it to UnsafeConfigOptionsConfirmationModal

This commit is contained in:
VakarisZ 2021-06-03 11:24:46 +03:00
parent fc1f12c24d
commit b407094a2f
3 changed files with 12 additions and 10 deletions

View File

@ -5,8 +5,8 @@ import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import AuthComponent from '../AuthComponent'; import AuthComponent from '../AuthComponent';
import '../../styles/components/configuration-components/ImportConfigModal.scss'; import '../../styles/components/configuration-components/ImportConfigModal.scss';
import UnsafeOptionsConfirmationModal import UnsafeConfigOptionsConfirmationModal
from '../configuration-components/UnsafeOptionsConfirmationModal.js'; from './UnsafeConfigOptionsConfirmationModal.js';
import UploadStatusIcon, {UploadStatuses} from '../ui-components/UploadStatusIcon'; import UploadStatusIcon, {UploadStatuses} from '../ui-components/UploadStatusIcon';
import isUnsafeOptionSelected from '../utils/SafeOptionValidator.js'; import isUnsafeOptionSelected from '../utils/SafeOptionValidator.js';
@ -102,7 +102,7 @@ const ConfigImportModal = (props: Props) => {
function showVerificationDialog() { function showVerificationDialog() {
return ( return (
<UnsafeOptionsConfirmationModal <UnsafeConfigOptionsConfirmationModal
show={showUnsafeOptionsConfirmation} show={showUnsafeOptionsConfirmation}
onCancelClick={() => { onCancelClick={() => {
resetState(); resetState();

View File

@ -1,15 +1,17 @@
import React from 'react'; import React from 'react';
import {Modal, Button} from 'react-bootstrap'; import {Modal, Button} from 'react-bootstrap';
function UnsafeOptionsConfirmationModal(props) { function UnsafeConfigOptionsConfirmationModal(props) {
return ( return (
<Modal show={props.show}> <Modal show={props.show}
className={'unsafe-config-options-confirmation-modal'}
backdropClassName={'unsafe-config-options-confirmation-modal-backdrop'}>
<Modal.Body> <Modal.Body>
<h2> <h2>
<div className='text-center'>Warning</div> <div className='text-center'>Warning</div>
</h2> </h2>
<p className='text-center' style={{'fontSize': '1.2em', 'marginBottom': '2em'}}> <p className='text-center' style={{'fontSize': '1.2em', 'marginBottom': '2em'}}>
Some of the selected options could cause systems to become unstable or malfunction. Some of the configuration options could cause systems to become unstable or malfunction.
Are you sure you want to submit the selected settings? Are you sure you want to submit the selected settings?
</p> </p>
<div className='text-center'> <div className='text-center'>
@ -33,4 +35,4 @@ function UnsafeOptionsConfirmationModal(props) {
) )
} }
export default UnsafeOptionsConfirmationModal; export default UnsafeConfigOptionsConfirmationModal;

View File

@ -10,8 +10,8 @@ import {faExclamationCircle} from '@fortawesome/free-solid-svg-icons/faExclamati
import {formValidationFormats} from '../configuration-components/ValidationFormats'; import {formValidationFormats} from '../configuration-components/ValidationFormats';
import transformErrors from '../configuration-components/ValidationErrorMessages'; import transformErrors from '../configuration-components/ValidationErrorMessages';
import InternalConfig from '../configuration-components/InternalConfig'; import InternalConfig from '../configuration-components/InternalConfig';
import UnsafeOptionsConfirmationModal import UnsafeConfigOptionsConfirmationModal
from '../configuration-components/UnsafeOptionsConfirmationModal.js'; from '../configuration-components/UnsafeConfigOptionsConfirmationModal.js';
import UnsafeOptionsWarningModal from '../configuration-components/UnsafeOptionsWarningModal.js'; import UnsafeOptionsWarningModal from '../configuration-components/UnsafeOptionsWarningModal.js';
import isUnsafeOptionSelected from '../utils/SafeOptionValidator.js'; import isUnsafeOptionSelected from '../utils/SafeOptionValidator.js';
import ConfigExportModal from '../configuration-components/ExportConfigModal'; import ConfigExportModal from '../configuration-components/ExportConfigModal';
@ -277,7 +277,7 @@ class ConfigurePageComponent extends AuthComponent {
renderUnsafeOptionsConfirmationModal() { renderUnsafeOptionsConfirmationModal() {
return ( return (
<UnsafeOptionsConfirmationModal <UnsafeConfigOptionsConfirmationModal
show={this.state.showUnsafeOptionsConfirmation} show={this.state.showUnsafeOptionsConfirmation}
onCancelClick={this.onUnsafeConfirmationCancelClick} onCancelClick={this.onUnsafeConfirmationCancelClick}
onContinueClick={this.onUnsafeConfirmationContinueClick} onContinueClick={this.onUnsafeConfirmationContinueClick}