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

Удалены tooltip'ы, так как они по какой-то причине перестали работать, выяснить причину не удалось. Исправлена ошибка, в результате которой "подсветка" опечатки в контексте применялась дважды к контексту, что приводило к отображению тегов вместо этой подсветки.
parent 7d7fd9e9
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 './style.css'
......@@ -11,16 +11,12 @@ export default class Typo extends Component {
constructor(props) {
super(props);
this.toggleDeclineTooltip = this.toggleDeclineTooltip.bind(this);
this.toggleAcceptTooltip = this.toggleAcceptTooltip.bind(this);
this.typo = props.typo;
this.acceptCallback = props.acceptCallback.bind(this);
this.declineCallback = props.declineCallback.bind(this);
this.highlightedContext = this.typo.context;
this.state = {
acceptTooltipOpen: false,
declineTooltipOpen: false,
textHighlighted: false,
};
}
......@@ -51,28 +47,6 @@ export default class Typo extends Component {
return false;
}
/**
* Управляет отображением всплывающей подсказки для
* кнопки принятия исправления.
*/
toggleAcceptTooltip() {
this.setState({
acceptTooltipOpen: !this.state.acceptTooltipOpen,
declineTooltipOpen: false
})
}
/**
* Управляет отображением всплывающей подсказки для
* кнопки отклонения исправления.
*/
toggleDeclineTooltip() {
this.setState({
acceptTooltipOpen: false,
declineTooltipOpen: !this.state.declineTooltipOpen
})
}
_escapeHtml(text) {
const map = {
'&': '&',
......@@ -99,7 +73,7 @@ export default class Typo extends Component {
let regex = new RegExp(escapedTypoString, "g");
this.typo.context = context.replace(regex,
this.highlightedContext = context.replace(regex,
`<span class="typo-correction">
<del>${original}</del> ->
<span class="text-danger">${corrected}</span>
......@@ -139,20 +113,12 @@ export default class Typo extends Component {
<EditableText text={typo.correctedText} onTextSaved={this.onCorrectedTextUpdated}/>
</CardTitle>
<CardText dangerouslySetInnerHTML={{__html: typo.context}} />
<CardText dangerouslySetInnerHTML={{__html: this.highlightedContext}} />
<div className="card-buttons">
<div className="buttons-wrapper">
<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>
<Tooltip placement="right" isOpen={this.state.declineTooltipOpen}
target="declineTypo" toggle={this.toggleDeclineTooltip}>
Опечатка не будет исправлена автоматически
</Tooltip>
</div>
</div>
</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