Added manual and all question page

src/components/Subject.js

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react'
 
-import Question from '../Question'
+import Question from './Question.js'
 
 class Subject extends PureComponent {
   render () {

src/components/SubjectSelector.js

@@ -0,0 +1,26 @@
+export default function SubjectSelector (props) {
+  const { activeSubjName, searchTerm, data, onSubjSelect } = props
+
+  return (
+    <div className='subjectSelector'>
+      {data.Subjects.map((subj, i) => {
+        if (!subj.Name.toLowerCase().includes(searchTerm.toLowerCase())) {
+          return null
+        }
+
+        return (
+          <div
+            className={activeSubjName === subj.Name
+              ? 'subjItem activeSubjItem'
+              : 'subjItem'
+            }
+            key={i}
+            onClick={() => onSubjSelect(subj.Name)}
+          >
+            {subj.Name}
+          </div>
+        )
+      })}
+    </div>
+  )
+}

src/components/layout.js

@@ -1,4 +1,9 @@
+import Link from 'next/link'
+
+// TODO: activelink prop to set link to active
 export default function Layout (props) {
+  const { currPageName } = props
+
   return (
     <div>
       <div className='sidebar'>
@@ -12,12 +17,23 @@ export default function Layout (props) {
             Frylabs
           </div>
         </div>
-        <a
-          className={'active'}
-          onClick={() => { console.log('a') }}
-        >aaaaaaaaaa</a>
+        <Link href='/' >
+          <a
+            className={currPageName === 'index' ? 'active' : ''}
+          >home</a>
+        </Link>
+        <Link href='/manual' >
+          <a
+            className={currPageName === 'manual' ? 'active' : ''}
+          >manual</a>
+        </Link>
+        <Link href='/allQuestions' >
+          <a
+            className={currPageName === 'allQuestions' ? 'active' : ''}
+          >manual</a>
+        </Link>
       </div>
-      <div>
+      <div className='content'>
         {props.children}
       </div>
     </div>