diff --git a/src/MistakesHistory.js b/src/MistakesHistory.js index cbb2bbb..d1001b4 100644 --- a/src/MistakesHistory.js +++ b/src/MistakesHistory.js @@ -1,5 +1,5 @@ import React, { Component } from 'react'; -import { HistoryRounded as HistoryRoundedIcon, HomeRounded as HomeRoundedIcon, QuestionAnswerRounded as QuestionAnswerRoundedIcon, PeopleRounded as PeopleRoundedIcon, SwapHorizRounded as SwapHorizRoundedIcon, DeleteRounded as DeleteRoundedIcon } from "@material-ui/icons"; +import { HistoryRounded as HistoryRoundedIcon, HomeRounded as HomeRoundedIcon } from "@material-ui/icons"; import NavBar from "./NavBar"; import Footer from "./Footer"; import "./css/History.css"; @@ -150,8 +150,8 @@ export default class IncorrectHistory extends Component {
{ - this.state.incorrectAnswers.map((vocabItem) => ( - <> + this.state.incorrectAnswers.map((vocabItem, index) => ( +

{vocabItem.term}

{vocabItem.switchedCount} mistake{vocabItem.switchedCount !== 1 && "s"}{vocabItem.switchedCount > 0 && ":"}

@@ -167,8 +167,8 @@ export default class IncorrectHistory extends Component { return 1; } return 0; - }).map((answerItem) => answerItem.switchLanguage && ( -

{answerItem.answer === "" ? skipped : answerItem.answer}

+ }).map((answerItem, index) => answerItem.switchLanguage && ( +

{answerItem.answer === "" ? skipped : answerItem.answer}

)) }
@@ -189,14 +189,14 @@ export default class IncorrectHistory extends Component { return 1; } return 0; - }).map((answerItem) => !answerItem.switchLanguage && ( -

{answerItem.answer === "" ? skipped : answerItem.answer}

+ }).map((answerItem, index) => !answerItem.switchLanguage && ( +

{answerItem.answer === "" ? skipped : answerItem.answer}

)) }
} - + )) }