albert/qmining-data-editor
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-data-editor synced 2025-04-01 20:24:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

possible answers fix, next path fix, prettier format

Browse source
This commit is contained in:
mrfry 2023-04-10 14:46:17 +02:00
parent e17bbe6402
commit 70b53e89aa
9 changed files with 377 additions and 360 deletions
Download patch file Download diff file Expand all files Collapse all files

54
src/components/SubjectSelector.js
View file

@ -3,32 +3,34 @@ import React from 'react'
import styles from './SubjectSelector.module.css'
export default function SubjectSelector(props) {
const { activeSubjName, searchTerm, data, onSubjSelect } = props
const { activeSubjName, searchTerm, data, onSubjSelect } = props
return (
<div className={styles.subjectSelector}>
{data.map((subj, i) => {
if (!subj.Name.toLowerCase().includes(searchTerm.toLowerCase())) {
return null
}
return (
<div className={styles.subjectSelector}>
{data.map((subj, i) => {
if (
!subj.Name.toLowerCase().includes(searchTerm.toLowerCase())
) {
return null
}
return (
<div
className={
activeSubjName === subj.Name
? 'subjItem activeSubjItem'
: 'subjItem'
}
key={i}
onClick={() => onSubjSelect(subj.Name)}
>
<span className={styles.subjName}>{subj.Name}</span>
<span className={styles.questionCount}>
[ {subj.Questions.length} ]
</span>
</div>
)
})}
</div>
)
return (
<div
className={
activeSubjName === subj.Name
? 'subjItem activeSubjItem'
: 'subjItem'
}
key={i}
onClick={() => onSubjSelect(subj.Name)}
>
<span className={styles.subjName}>{subj.Name}</span>
<span className={styles.questionCount}>
[ {subj.Questions.length} ]
</span>
</div>
)
})}
</div>
)
}