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

Prettying stuff

Browse source
This commit is contained in:
mrfry 2021-03-06 14:59:09 +01:00
parent 843f0a7dad
commit 34cc962ab4
16 changed files with 247 additions and 218 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/SubjectSelector.js
View file

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