Added tabs.json

src/pages/allQuestions.js

@@ -10,11 +10,9 @@ import constants from '../constants.json'
 
 export default function AllQuestions (props) {
   const [data, setData] = useState(null)
-  const [loaded, setLoaded] = useState(false)
   const [activeSubjName, setActiveSubjName] = useState('')
   const [searchTerm, setSearchTerm] = useState('')
 
-  // TODO: fetches twice
   useEffect(() => {
     console.info('Fetching data')
     fetch(`${constants.serverUrl}data.json`)
@@ -23,11 +21,10 @@ export default function AllQuestions (props) {
       })
       .then((data) => {
         setData(data)
-        setLoaded(true)
       })
-  }, [loaded])
+  }, [])
 
-  if (loaded) {
+  if (data) {
     let currSubj = data.Subjects.find((subj) => {
       return subj.Name === activeSubjName
     })

src/pages/feedback.js

@@ -1,13 +1,7 @@
-import React, { PureComponent } from 'react'
-
-class Feedback extends PureComponent {
-  render () {
-    return (
-      <div>
+export default function Feedback (props) {
+  return (
+    <div>
         hello Feedback
-      </div>
-    )
-  }
+    </div>
+  )
 }
-
-export default Feedback

src/pages/userQuestions.js

@@ -6,7 +6,6 @@ import Layout from '../components/layout'
 import constants from '../constants.json'
 
 export default function UserQuestions (props) {
-  const [loaded, setLoaded] = useState(false)
   const [qa, setQa] = useState(null)
 
   useEffect(() => {
@@ -17,11 +16,10 @@ export default function UserQuestions (props) {
       })
       .then((data) => {
         setQa(data)
-        setLoaded(true)
       })
-  }, [loaded])
+  }, [])
 
-  if (loaded) {
+  if (qa) {
     let questions = Object.keys(qa).map((key, i) => {
       let q = qa[key]
       return (