Replaced repos tab with contribute tab

src/components/Helps.js

@@ -0,0 +1,50 @@
+import styles from './Helps.module.css'
+
+import helps from '../data/helps.json'
+const header = helps.header
+const helpRows = helps.rows
+
+export default function Helps () {
+  const renderTable = () => {
+    return (
+      <table className={styles.helpTable}>
+        <thead>
+          <tr className={styles.helpHeader}>
+            {header.map((h) => {
+              return (
+                <td>
+                  {h}
+                </td>
+              )
+            })}
+          </tr>
+        </thead>
+        <tbody>
+          {Object.keys(helpRows).map((key) => {
+            const item = helpRows[key]
+            return (
+              <tr className={styles.helpRow}>
+                <td>
+                  {item.name}
+                </td>
+                <td>
+                  {item.description}
+                </td>
+              </tr>
+            )
+          })}
+        </tbody>
+      </table>
+    )
+  }
+  return (
+    <div className={styles.text}>
+      <div className={styles.title}>
+        Amiben tudsz segíteni:
+      </div>
+      <div>
+        {renderTable()}
+      </div>
+    </div>
+  )
+}

src/components/Helps.module.css

@@ -0,0 +1,25 @@
+.text {
+  color: white;
+  font-size: 18px;
+}
+
+.helpTable {
+  width: 100%;
+}
+
+.helpTable td {
+  padding: 5px 2px;
+}
+
+.helpHeader {
+  font-size: 20px;
+  text-align: center;
+}
+
+.helpRow td {
+  font-size: 16px;
+}
+
+.title {
+  text-align: center;
+}

src/constants.json

@@ -1,5 +1,5 @@
 {
-  "apiUrl": "https://api.frylabs.net/",
+  "apiUrl": "http://api.frylabs.net/",
   "mobileWindowWidth": 700,
   "maxQuestionsToRender": 250
 }

src/data/helps.json

@@ -0,0 +1,32 @@
+{
+  "header": [
+    "Miben",
+    "Hogy"
+  ],
+  "rows": {
+    "feedbacker": {
+      "name": "Visszajelzésben",
+      "description": "Meséld el mi nem tetszik, és mit csinálnál máshogy! Apró részletek is jöhetnek."
+    },
+    "translator": {
+      "name": "Fogalmazásban",
+      "description": "Fogalmazd meg felhasználóbarátan azokat a szövegeket/stringeket amikkel a weboldalon és a script használata közben találkozol!"
+    },
+    "bugreporter": {
+      "name": "Bug reportolásban",
+      "description": "Jelents akármit ami nem úgy működik ahogy kellene! Akár egy rövid leírás is segíthet, de ha tutira akarsz menni akkor a 'Feedback' fülön tölts ki mindent. Ha kérdés közben van hiba ments le azt a kérdés oldalt (CTRL + S), és a teszt végén az eredmények oldalt, és küld el itt. Így tudom könnyen reprodukálni a problémát."
+    },
+    "datamaintainer": {
+      "name": "Kérdés kezelésben",
+      "description": "A kérdés adatbázist egy weboldalon tudod szerkeszteni. Ha teszt közben olyan kérdéssel találkozol ami nem helyesen van lementve át tudod írni hogy legközelebb a többieknek már ne legyen problémája vele."
+    },
+    "reactfrontend": {
+      "name": "React JS fejlesztésben",
+      "description": "Főleg ezt az oldalt lehetne szebbé varázsolni, és új dolgokat megvalósítani rajta, ami megkönnyíti a használatát."
+    },
+    "jsbackend": {
+      "name": "JS backend fejlesztésben",
+      "description": "A kérdés/eredmények moodle weboldalt feldolgozó userscript vagy az ehhez tartozó szervert lehetne fejleszteni, és bugokat vadászni benne."
+    }
+  }
+}

src/data/repos.json

@@ -15,7 +15,7 @@
       "href": "https://gitlab.com/MrFry/mrfrys-node-server"
     },
     "qminingPageRepo": {
-      "description": "Qmining weboldal Next.js felülete",
+      "description": "Qmining weboldal",
       "href": "https://gitlab.com/MrFry/qmining-page"
     },
     "dataEditor": {

src/data/tabs.json

@@ -15,9 +15,9 @@
     "href": "/subjectBrowser",
     "text": "Tárgyak"
   },
-  "repos": {
-    "href": "/repos",
-    "text": "Repos"
+  "contribute": {
+    "href": "/contribute",
+    "text": "Contribute"
   },
   "feedback": {
     "href": "/feedback",

src/pages/contribute.js

@@ -1,11 +1,14 @@
 import Button from '../components/Button.js'
+import Helps from '../components/Helps.js'
 
-import styles from './repos.module.css'
+import styles from './contribute.module.css'
 import repos from '../data/repos.json'
 
-export default function Repos (props) {
+export default function contribute (props) {
   return (
     <div>
+      <Helps />
+      <hr />
       <div className={styles.description}>
         {repos.description}
       </div>
@@ -46,11 +49,13 @@ export default function Repos (props) {
           })}
         </tbody>
       </table>
+      <hr />
       <div className={styles.description}>
-        IRC chat: egy IRC chatszoba van létrehozva egy random szerveren, ahol tuszd azonnal üzenni,
+        IRC chat: egy IRC chatszoba van létrehozva egy random szerveren, ahol tudsz azonnal üzenni,
         és ha épp fent vagyok akkor azonnal válaszolok
       </div>
       <Button text='IRC chat' href='/irc' />
+      <hr />
       <div className={styles.description}>
         Kérdés szerkesztő: Ezen az oldalon lehet szerkeszteni az összes kérdést, duplikációkat
         eltávolítani vagy helytelen válaszokat kijavítani kézzel. Ha van hozzá jelszavad, akkor ezt

src/pages/feedback.js

@@ -173,8 +173,8 @@ export default function Feedback (props) {
         <div className={styles.desc}>
           Az alábbi mezők kitöltése opcionális, de hiba leírásnál nagyon sokat tud segíteni! <b>
           Legnagyobb segítség ha azt a kérdés oldalt és a hozzátartozó eredmények oldalt ahol nem
-          helyesen működnek a dolgok Ctrl+S -el lementet, és egy zip-ben feltöltöd!</b> Így egyszerűen
-          reprodukálni tudom a hibát. TY!
+          helyesen működnek a dolgok Ctrl+S -el lemented, és egy zip-ben feltöltöd a .html
+          fájlt!</b> Így egyszerűen reprodukálni tudom a hibát. TY!
         </div>
         {renderTextInputArea({
           text: 'Lépések amikkel előáll a hiba',