Merged subject browser / question searcher, showing questions count on subject browser

src/components/SubjectSelector.js

@@ -1,5 +1,7 @@
 // TODO: add number next to it
 
+import styles from './SubjectSelector.module.css'
+
 export default function SubjectSelector (props) {
   const { activeSubjName, searchTerm, data, onSubjSelect } = props
 
@@ -19,7 +21,12 @@ export default function SubjectSelector (props) {
             key={i}
             onClick={() => onSubjSelect(subj.Name)}
           >
-            {subj.Name}
+            <span>
+              {subj.Name}
+            </span>
+            <span className={styles.questionCount}>
+              [ {subj.Questions.length} ]
+            </span>
           </div>
         )
       })}

src/data/tabs.json

@@ -9,7 +9,11 @@
   },
   "allQuestions": {
     "href": "/allQuestions",
-    "text": "All question"
+    "text": "Kérdés keresés"
+  },
+  "subjBrowser": {
+    "href": "/subjectBrowser",
+    "text": "Tárgyak"
   },
   "repos": {
     "href": "/repos",

src/defaultStyles.css

@@ -214,6 +214,9 @@ body {
   font-size: 18px;
   padding: 3px;
   cursor: pointer;
+  float: 1;
+  display: flex;
+  justify-content: space-between;
 }
 
 .activeSubjItem {