[FIX] vocab items with zero mistakes show up

This commit is contained in:
2021-10-21 19:54:39 +01:00
parent f7e467691c
commit 80164af81c

View File

@@ -377,82 +377,9 @@ export default class IncorrectHistory extends Component {
} }
</div> </div>
<div className="mistakes-history-container"> <div className="mistakes-history-container">
{/* {
this.state.incorrectAnswers.map((vocabItem, index) => (
<React.Fragment key={index}>
<div>
<h2>{vocabItem.term}</h2>
{
vocabItem.switchedCount > 0
?
<Collapsible transitionTime={300} trigger={<><b>{vocabItem.switchedCount} mistake{vocabItem.switchedCount !== 1 && "s"}</b><ArrowDropDownRoundedIcon /></>}>
{
<div>
{
Object.keys(vocabItem.switchedAnswers).sort((a, b) => {
if (a < b) {
return -1;
}
if (a > b) {
return 1;
}
return 0;
}).map((answer, index) =>
<p key={index}>
{answer === "" ? <i>skipped</i> : answer}
{
vocabItem.switchedAnswers[answer] > 1 &&
<i>{` (x${vocabItem.switchedAnswers[answer]})`}</i>
}
</p>
)
}
</div>
}
</Collapsible>
:
<b>0 mistakes</b>
}
</div>
<div>
<h2>{vocabItem.definition}</h2>
{
vocabItem.notSwitchedCount > 0
?
<Collapsible transitionTime={300} trigger={<><b>{vocabItem.notSwitchedCount} mistake{vocabItem.notSwitchedCount !== 1 && "s"}</b><ArrowDropDownRoundedIcon /></>}>
{
<div>
{
Object.keys(vocabItem.notSwitchedAnswers).sort((a, b) => {
if (a < b) {
return -1;
}
if (a > b) {
return 1;
}
return 0;
}).map((answer, index) =>
<p key={index}>
{answer === "" ? <i>skipped</i> : answer}
{
vocabItem.notSwitchedAnswers[answer] > 1 &&
<i>{` (x${vocabItem.notSwitchedAnswers[answer]})`}</i>
}
</p>
)
}
</div>
}
</Collapsible>
:
<b>0 mistakes</b>
}
</div>
</React.Fragment>
))
} */}
{ {
this.state.filteredIncorrectAnswers this.state.filteredIncorrectAnswers
.filter((vocabItem) => vocabItem.answers && vocabItem.answers.length > 0)
.map((vocabItem, index) => { .map((vocabItem, index) => {
const sortedAnswers = vocabItem.answers const sortedAnswers = vocabItem.answers
.sort((a, b) => { .sort((a, b) => {