me/parandum
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] Remove dependencies & add keys to loops

Browse Source
This commit is contained in:
Matthew Grove
2021-10-08 19:01:09 +01:00
parent e813deb841
commit 281631635a
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/MistakesHistory.js
View File

@@ -1,5 +1,5 @@
import React, { Component } from 'react'; 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 NavBar from "./NavBar";
import Footer from "./Footer"; import Footer from "./Footer";
import "./css/History.css"; import "./css/History.css";
@@ -150,8 +150,8 @@ export default class IncorrectHistory extends Component {
</div> </div>
<div className="mistakes-history-container"> <div className="mistakes-history-container">
{ {
this.state.incorrectAnswers.map((vocabItem) => ( this.state.incorrectAnswers.map((vocabItem, index) => (
<> <React.Fragment key={index}>
<div> <div>
<h2>{vocabItem.term}</h2> <h2>{vocabItem.term}</h2>
<p><b>{vocabItem.switchedCount} mistake{vocabItem.switchedCount !== 1 && "s"}{vocabItem.switchedCount > 0 && ":"}</b></p> <p><b>{vocabItem.switchedCount} mistake{vocabItem.switchedCount !== 1 && "s"}{vocabItem.switchedCount > 0 && ":"}</b></p>
@@ -167,8 +167,8 @@ export default class IncorrectHistory extends Component {
return 1; return 1;
} }
return 0; return 0;
}).map((answerItem) => answerItem.switchLanguage && ( }).map((answerItem, index) => answerItem.switchLanguage && (
<p>{answerItem.answer === "" ? <i>skipped</i> : answerItem.answer}</p> <p key={index}>{answerItem.answer === "" ? <i>skipped</i> : answerItem.answer}</p>
)) ))
} }
</div> </div>
@@ -189,14 +189,14 @@ export default class IncorrectHistory extends Component {
return 1; return 1;
} }
return 0; return 0;
}).map((answerItem) => !answerItem.switchLanguage && ( }).map((answerItem, index) => !answerItem.switchLanguage && (
<p>{answerItem.answer === "" ? <i>skipped</i> : answerItem.answer}</p> <p key={index}>{answerItem.answer === "" ? <i>skipped</i> : answerItem.answer}</p>
)) ))
} }
</div> </div>
} }
</div> </div>
</> </React.Fragment>
)) ))
} }
</div> </div>