[Задача 12799] Исправилены мелкие ошибки

Удалены tooltip'ы, так как они по какой-то причине перестали работать, выяснить причину не удалось. Исправлена ошибка, в результате которой "подсветка" опечатки в контексте применялась дважды к контексту, что приводило к отображению тегов вместо этой подсветки.
parent 7d7fd9e9
import React, {Component} from 'react'; import React, {Component} from 'react';
import {Card, CardHeader, CardTitle, CardFooter, CardBody, CardText, Tooltip} from 'reactstrap' import {Card, CardHeader, CardTitle, CardFooter, CardBody, CardText} from 'reactstrap'
import EditableText from "../EditableText"; import EditableText from "../EditableText";
import './style.css' import './style.css'
...@@ -11,16 +11,12 @@ export default class Typo extends Component { ...@@ -11,16 +11,12 @@ export default class Typo extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.toggleDeclineTooltip = this.toggleDeclineTooltip.bind(this);
this.toggleAcceptTooltip = this.toggleAcceptTooltip.bind(this);
this.typo = props.typo; this.typo = props.typo;
this.acceptCallback = props.acceptCallback.bind(this); this.acceptCallback = props.acceptCallback.bind(this);
this.declineCallback = props.declineCallback.bind(this); this.declineCallback = props.declineCallback.bind(this);
this.highlightedContext = this.typo.context;
this.state = { this.state = {
acceptTooltipOpen: false,
declineTooltipOpen: false,
textHighlighted: false, textHighlighted: false,
}; };
} }
...@@ -51,28 +47,6 @@ export default class Typo extends Component { ...@@ -51,28 +47,6 @@ export default class Typo extends Component {
return false; return false;
} }
/**
* Управляет отображением всплывающей подсказки для
* кнопки принятия исправления.
*/
toggleAcceptTooltip() {
this.setState({
acceptTooltipOpen: !this.state.acceptTooltipOpen,
declineTooltipOpen: false
})
}
/**
* Управляет отображением всплывающей подсказки для
* кнопки отклонения исправления.
*/
toggleDeclineTooltip() {
this.setState({
acceptTooltipOpen: false,
declineTooltipOpen: !this.state.declineTooltipOpen
})
}
_escapeHtml(text) { _escapeHtml(text) {
const map = { const map = {
'&': '&', '&': '&',
...@@ -99,7 +73,7 @@ export default class Typo extends Component { ...@@ -99,7 +73,7 @@ export default class Typo extends Component {
let regex = new RegExp(escapedTypoString, "g"); let regex = new RegExp(escapedTypoString, "g");
this.typo.context = context.replace(regex, this.highlightedContext = context.replace(regex,
`<span class="typo-correction"> `<span class="typo-correction">
<del>${original}</del> -> <del>${original}</del> ->
<span class="text-danger">${corrected}</span> <span class="text-danger">${corrected}</span>
...@@ -139,20 +113,12 @@ export default class Typo extends Component { ...@@ -139,20 +113,12 @@ export default class Typo extends Component {
<EditableText text={typo.correctedText} onTextSaved={this.onCorrectedTextUpdated}/> <EditableText text={typo.correctedText} onTextSaved={this.onCorrectedTextUpdated}/>
</CardTitle> </CardTitle>
<CardText dangerouslySetInnerHTML={{__html: typo.context}} /> <CardText dangerouslySetInnerHTML={{__html: this.highlightedContext}} />
<div className="card-buttons"> <div className="card-buttons">
<div className="buttons-wrapper"> <div className="buttons-wrapper">
<button id="acceptTypo" className="accept-button btn btn-warning" onClick={this.applyCorrection}>Исправить</button> <button id="acceptTypo" className="accept-button btn btn-warning" onClick={this.applyCorrection}>Исправить</button>
<Tooltip placement="left" isOpen={this.state.acceptTooltipOpen}
target="acceptTypo" toggle={this.toggleAcceptTooltip}>
Опечатка будет автоматически исправлена
</Tooltip>
<button id="declineTypo" className="decline-button btn btn-danger" onClick={this.declineCorrection}>Отклонить</button> <button id="declineTypo" className="decline-button btn btn-danger" onClick={this.declineCorrection}>Отклонить</button>
<Tooltip placement="right" isOpen={this.state.declineTooltipOpen}
target="declineTypo" toggle={this.toggleDeclineTooltip}>
Опечатка не будет исправлена автоматически
</Tooltip>
</div> </div>
</div> </div>
</CardBody> </CardBody>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment