Data.json new structure fix

src/components/subjectView.js

@@ -6,7 +6,7 @@ import SubjectSelector from '../components/SubjectSelector.js'
 
 import styles from './subjectView.module.css'
 
-export default function SubjectView (props) {
+export default function SubjectView(props) {
   const { data, onChange, deleteQuestion } = props
   const [activeSubjName, setActiveSubjName] = useState('')
   const [searchTerm, setSearchTerm] = useState('')
@@ -15,14 +15,16 @@ export default function SubjectView (props) {
   const [qCount, setQCount] = useState(0)
 
   useEffect(() => {
-    setSCount(data.Subjects.length)
-    setQCount(data.Subjects.reduce((acc, subj) => {
-      return acc + subj.Questions.length
-    }, 0))
+    setSCount(data.length)
+    setQCount(
+      data.reduce((acc, subj) => {
+        return acc + subj.Questions.length
+      }, 0)
+    )
   }, [])
 
   if (data) {
-    let currSubj = data.Subjects.find((subj) => {
+    let currSubj = data.find((subj) => {
       return subj.Name === activeSubjName
     })
 
@@ -30,11 +32,13 @@ export default function SubjectView (props) {
       <div>
         <div className={styles.searchContainer}>
           <input
-            placeholder='Keresés...'
+            placeholder="Keresés..."
             className={styles.searchBar}
-            type='text'
+            type="text"
             value={searchTerm}
-            onChange={(e) => { setSearchTerm(e.target.value) }}
+            onChange={(e) => {
+              setSearchTerm(e.target.value)
+            }}
           />
           <button
             onClick={() => {
@@ -42,7 +46,7 @@ export default function SubjectView (props) {
             }}
             className={styles.clearButton}
           >
-             X
+            X
           </button>
         </div>
         <hr />
@@ -50,7 +54,9 @@ export default function SubjectView (props) {
           data={data}
           activeSubjName={activeSubjName}
           searchTerm={searchTerm}
-          onSubjSelect={(subjName) => { setActiveSubjName(subjName) }}
+          onSubjSelect={(subjName) => {
+            setActiveSubjName(subjName)
+          }}
         />
         <hr />
         <div>
@@ -66,8 +72,6 @@ export default function SubjectView (props) {
       </div>
     )
   } else {
-    return (
-      <LoadingIndicator />
-    )
+    return <LoadingIndicator />
   }
 }