Added subject / quesction count on subject browser site

This commit is contained in:
MrFry 2020-03-25 19:22:53 +01:00
parent 615c77a1b1
commit a2644bfb91

View file

@ -13,6 +13,9 @@ export default function SubjectBrowser (props) {
const [activeSubjName, setActiveSubjName] = useState('') const [activeSubjName, setActiveSubjName] = useState('')
const [searchTerm, setSearchTerm] = useState('') const [searchTerm, setSearchTerm] = useState('')
const [sCount, setSCount] = useState(0)
const [qCount, setQCount] = useState(0)
useEffect(() => { useEffect(() => {
console.info('Fetching data') console.info('Fetching data')
fetch(`${constants.apiUrl}data.json`) fetch(`${constants.apiUrl}data.json`)
@ -21,6 +24,10 @@ export default function SubjectBrowser (props) {
}) })
.then((data) => { .then((data) => {
setData(data) setData(data)
setSCount(data.Subjects.length)
setQCount(data.Subjects.reduce((acc, subj) => {
return acc + subj.Questions.length
}, 0))
}) })
}, []) }, [])
@ -55,6 +62,9 @@ export default function SubjectBrowser (props) {
onSubjSelect={(subjName) => { setActiveSubjName(subjName) }} onSubjSelect={(subjName) => { setActiveSubjName(subjName) }}
/> />
<hr /> <hr />
<div>
{sCount} tárgy, {qCount} kérdés
</div>
<div> <div>
<Subject <Subject
subj={currSubj} subj={currSubj}