Added todo table

This commit is contained in:
mrfry 2020-11-18 11:49:48 +01:00
parent 1a982b69c9
commit cbd6bf2baa
15 changed files with 608 additions and 157 deletions

View file

@ -1,74 +1,51 @@
import React from 'react'
import Button from '../components/Button.js'
import Helps from '../components/Helps.js'
import Sleep from '../components/sleep'
import TodoTable from '../components/todoStuff/todoTable'
import styles from './contribute.module.css'
import repos from '../data/repos.json'
export default function contribute (props) {
export default function contribute() {
return (
<div>
<TodoTable />
<div className={styles.description}>
Egy kártyára kattintva szavazhatsz. Minél több szavazat érkezik egy
kártyára, annál magasabb lesz a pioritása
</div>
<Sleep />
<Helps />
<hr />
<div className={styles.description}>
{repos.description}
Akkárhogy próbálsz segíteni a projektben, akkor azt saját érdekedben
csak álnévvel tedd!!!
</div>
<div className={styles.description}>
Ha commitolsz, vagy akkárhogy próbálsz segíteni a projektben, akkor azt saját érdekedben
csak névtelenül, vagy álnévvel tedd!!!
<div className={styles.repos}>
<div>Git repo links</div>
{Object.keys(repos.repos).map((key) => {
let repo = repos.repos[key]
return (
<div key={key}>
<a href={repo.href}>{repo.description}</a>
</div>
)
})}
</div>
<table className={styles.repoTable}>
<thead>
<tr>
{repos.header.map((x, i) => {
return (
<td key={i}>
{x}
</td>
)
})}
</tr>
</thead>
<tbody>
{Object.keys(repos.repos).map((key) => {
let repo = repos.repos[key]
return (
<tr
key={key}
>
<td>
{repo.description}
</td>
<td>
<a href={repo.href}>
GitLab repo
</a>
</td>
<td>
<a href={repo.href + '/tree/master/devel'}>
Devel docs
</a>
</td>
</tr>
)
})}
</tbody>
</table>
<hr />
<div className={styles.description}>
IRC chat: egy IRC chatszoba van létrehozva egy random szerveren, ahol tudsz azonnal üzenni,
és ha épp fent vagyok akkor azonnal válaszolok
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' />
<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
azonnal el tudod menteni, és éles adatbázis frissül ezzel, ha nincs és úgy érzed szeretnél
akkor kattints a fenti 'IRC chat' gombra!
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 azonnal el tudod menteni, ha nincs és
úgy érzed szeretnél akkor kattints a fenti IRC chat gombra!
</div>
<Button text='Data Editor' href='/dataeditor' />
<Button text="Data Editor" href="/dataeditor" />
</div>
)
}

View file

@ -1,27 +1,16 @@
.repoTable {
width: 100%;
.repos {
display: flex;
flex-direction: column;
align-items: center;
}
.description {
font-size: 17px;
font-size: 15px;
color: white;
text-align: center;
margin: 10px;
}
.repoTable thead td {
padding: 10px;
text-align: center;
font-size: 25px;
color: white;
}
.repoTable tbody td {
padding: 10px;
text-align: center;
font-size: 18px;
}
.warning {
color: white;
padding: 10px;