diff --git a/src/components/Helps.js b/src/components/Helps.js new file mode 100644 index 0000000..e18bb00 --- /dev/null +++ b/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 ( + + + + {header.map((h) => { + return ( + + ) + })} + + + + {Object.keys(helpRows).map((key) => { + const item = helpRows[key] + return ( + + + + + ) + })} + +
+ {h} +
+ {item.name} + + {item.description} +
+ ) + } + return ( +
+
+ Amiben tudsz segíteni: +
+
+ {renderTable()} +
+
+ ) +} diff --git a/src/components/Helps.module.css b/src/components/Helps.module.css new file mode 100644 index 0000000..a4b5172 --- /dev/null +++ b/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; +} diff --git a/src/constants.json b/src/constants.json index afc85f3..632caa0 100644 --- a/src/constants.json +++ b/src/constants.json @@ -1,5 +1,5 @@ { - "apiUrl": "https://api.frylabs.net/", + "apiUrl": "http://api.frylabs.net/", "mobileWindowWidth": 700, "maxQuestionsToRender": 250 } diff --git a/src/data/helps.json b/src/data/helps.json new file mode 100644 index 0000000..abdf04b --- /dev/null +++ b/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." + } + } +} diff --git a/src/data/repos.json b/src/data/repos.json index 32b15b9..3b1d326 100644 --- a/src/data/repos.json +++ b/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": { diff --git a/src/data/tabs.json b/src/data/tabs.json index 303e8d9..062df39 100644 --- a/src/data/tabs.json +++ b/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", diff --git a/src/pages/repos.js b/src/pages/contribute.js similarity index 89% rename from src/pages/repos.js rename to src/pages/contribute.js index 3e6c330..6f61ef4 100644 --- a/src/pages/repos.js +++ b/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 (
+ +
{repos.description}
@@ -46,11 +49,13 @@ export default function Repos (props) { })} +
- 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