Data.json new structure fix

src/pages/index.js

@@ -11,7 +11,7 @@ import constants from '../constants.json'
 const views = {
   subject: 'SUBJECT',
   question: 'QUESTION',
-  welcome: 'WELCOME'
+  welcome: 'WELCOME',
 }
 
 // TODO: Add question on subjects view
@@ -19,7 +19,7 @@ const views = {
 // TODO: question.data editor
 // TODO: edit \n-s in questions / answers
 
-export default function Index (props) {
+export default function Index(props) {
   const [data, setData] = useState(null)
   const [view, setView] = useState(views.welcome)
   const [sending, setSending] = useState(false)
@@ -31,16 +31,16 @@ export default function Index (props) {
 
   const getCount = (d) => {
     return {
-      subjectCount: d.Subjects.length,
-      questionCount: d.Subjects.reduce((acc, subj) => {
+      subjectCount: d.length,
+      questionCount: d.reduce((acc, subj) => {
         acc += subj.Questions.length
         return acc
-      }, 0)
+      }, 0),
     }
   }
 
   const setIndexes = (d) => {
-    d.Subjects.forEach((subj, i) => {
+    d.forEach((subj, i) => {
       subj.ind = i
       subj.Questions.forEach((question, j) => {
         question.ind = j
@@ -54,7 +54,7 @@ export default function Index (props) {
     const toFetch = `${constants.apiUrl}data.json`
     console.info('Fetching', toFetch)
     fetch(toFetch, {
-      credentials: 'include'
+      credentials: 'include',
     })
       .then((resp) => {
         if (resp && resp.ok) {
@@ -81,31 +81,25 @@ export default function Index (props) {
   }, [])
 
   if (error) {
-    return (
-      <div>
-        {error}
-      </div>
-    )
+    return <div>{error}</div>
   }
 
   const deleteQuestion = (subjInd, questionInd) => {
-    data.Subjects[subjInd].Questions.splice(questionInd, 1)
+    data[subjInd].Questions.splice(questionInd, 1)
 
-    setData({
-      ...setIndexes(data)
-    })
+    setData([...setIndexes(data)])
   }
 
   const onChange = (subjInd, questionInd, newVal) => {
     const key = subjInd + '/' + questionInd
     setEditedQuestions({
       ...editedQuestions,
-      [key]: editedQuestions[key] ? editedQuestions[key] + 1 : 1
+      [key]: editedQuestions[key] ? editedQuestions[key] + 1 : 1,
     })
 
-    data.Subjects[subjInd].Questions[questionInd] = newVal
+    data[subjInd].Questions[questionInd] = newVal
     setData({
-      ...data
+      ...data,
     })
   }
 
@@ -119,8 +113,8 @@ export default function Index (props) {
       const rawResponse = await fetch(constants.apiUrl + 'uploaddata', {
         method: 'POST',
         headers: {
-          'Accept': 'application/json',
-          'Content-Type': 'application/json'
+          Accept: 'application/json',
+          'Content-Type': 'application/json',
         },
         credentials: 'include',
         body: JSON.stringify({
@@ -128,32 +122,35 @@ export default function Index (props) {
           count: getCount(data),
           initialCount: initialCount,
           password: password,
-          editedQuestions: editedQuestions
-        })
+          editedQuestions: editedQuestions,
+        }),
       })
-      rawResponse.json()
+      rawResponse
+        .json()
         .then((resp) => {
           setSending(false)
           if (resp.status === 'ok') {
-          alert(`Sikeres feltöltés! thankx ${resp.user}!`) // eslint-disable-line
+            alert(`Sikeres feltöltés! thankx ${resp.user}!`) // eslint-disable-line
             console.log('OK')
           } else if (resp.status === 'invalidPass') {
-          alert('Hibás jelszó!') // eslint-disable-line
+            alert('Hibás jelszó!') // eslint-disable-line
             console.log('invalidPass')
           } else {
-          alert('Hiba feltöltés közben! (szerver oldalon)! Több adat konzolban') // eslint-disable-line
+            alert(
+              'Hiba feltöltés közben! (szerver oldalon)! Több adat konzolban'
+            ) // eslint-disable-line
             console.error('RESPONSE', resp)
             console.error(resp.message)
           }
         })
         .catch((e) => {
           setSending(false)
-        alert('Hiba feltöltés közben! (kliens oldalon)! Több adat konzolban') // eslint-disable-line
+          alert('Hiba feltöltés közben! (kliens oldalon)! Több adat konzolban') // eslint-disable-line
           console.error('Error posting data', e)
         })
     } catch (e) {
       setSending(false)
-        alert('Hiba feltöltés közben! (kliens oldalon)! Több adat konzolban') // eslint-disable-line
+      alert('Hiba feltöltés közben! (kliens oldalon)! Több adat konzolban') // eslint-disable-line
       console.error('Error posting data', e)
     }
   }
@@ -182,29 +179,25 @@ export default function Index (props) {
           <br />
           {initialCount.questionCount} kérdés, {initialCount.subjectCount} tárgy
           <p />
-          Itt az éles adatbázis kérdései jelennek meg, amiket tudsz szerkeszteni. A kérdésekhez
-          tartozó '.data' prop-ot még nem tudod rendesen szerkeszteni, az később lesz implementálva.
-          A Tárgy / Kérdés nézet között tudsz válogatni.
+          Itt az éles adatbázis kérdései jelennek meg, amiket tudsz
+          szerkeszteni. A kérdésekhez tartozó '.data' prop-ot még nem tudod
+          rendesen szerkeszteni, az később lesz implementálva. A Tárgy / Kérdés
+          nézet között tudsz válogatni.
           <br />
-          Tárgy nézet: a tárgyak dobozban kattints egy tárgyra, minden kérdés ott lessz hozzá.
+          Tárgy nézet: a tárgyak dobozban kattints egy tárgyra, minden kérdés
+          ott lessz hozzá.
           <br />
-          Kérdés nézet: Kereső sávba írd be a kérdést / választ, a találatok ha kevesebb mint 250
-          megjelennek, és ott tudod szerkeszteni
+          Kérdés nézet: Kereső sávba írd be a kérdést / választ, a találatok ha
+          kevesebb mint 250 megjelennek, és ott tudod szerkeszteni
         </div>
       )
     } else {
-      return (
-        <div>
-          No view!
-        </div>
-      )
+      return <div>No view!</div>
     }
   }
 
   if (!data) {
-    return (
-      <LoadingIndicator />
-    )
+    return <LoadingIndicator />
   }
 
   return (
@@ -219,10 +212,12 @@ export default function Index (props) {
         </span>
         <span>
           <input
-            placeholder='Jelszó feltöltéshez'
-            type='text'
+            placeholder="Jelszó feltöltéshez"
+            type="text"
             value={password}
-            onChange={(e) => { setPassword(e.target.value) }}
+            onChange={(e) => {
+              setPassword(e.target.value)
+            }}
           />
         </span>
         <span
@@ -239,12 +234,18 @@ export default function Index (props) {
       </div>
       <div className={styles.viewButtonContainer}>
         <span
-          onClick={() => { setView(views.question) }}>
-            Kérdés nézet
+          onClick={() => {
+            setView(views.question)
+          }}
+        >
+          Kérdés nézet
         </span>
         <span
-          onClick={() => { setView(views.subject) }}>
-            Tárgy nézet
+          onClick={() => {
+            setView(views.subject)
+          }}
+        >
+          Tárgy nézet
         </span>
       </div>
       {renderView()}