mirror of
https://gitlab.com/MrFry/qmining-page
synced 2025-04-01 20:23:44 +02:00
101 lines
2.9 KiB
JavaScript
101 lines
2.9 KiB
JavaScript
import React, { useState } from 'react'
|
|
import Head from 'next/head'
|
|
|
|
import Sleep from '../components/sleep'
|
|
import Todos from '../components/todoStuff/todos'
|
|
import FeedbackArea from '../components/feedbackArea'
|
|
import Modal from '../components/modal'
|
|
|
|
import constants from '../constants.json'
|
|
import styles from './contribute.module.css'
|
|
import repos from '../data/repos.json'
|
|
|
|
export default function contribute() {
|
|
const [showFeedback, setShowFeedback] = useState(false)
|
|
|
|
return (
|
|
<div className={'endofpage'}>
|
|
<Head>
|
|
<title>Todos - Qmining | Frylabs.net</title>
|
|
</Head>
|
|
<div className={'pageHeader'}>
|
|
<h1>Teendők</h1>
|
|
</div>
|
|
<Sleep />
|
|
<div className={'description'}>
|
|
<p>
|
|
Ezen az oldalon új ötleteket adhatsz hozzá megvalósításra a teendők
|
|
listájához.
|
|
</p>
|
|
<p>
|
|
Emellet ha hozzáértő vagy, adott feladatok megvalósításában is
|
|
segíthetsz. (lásd: <a href="#gitrepo">lentebb</a>)
|
|
<br /> Ha egy kártyára kattintasz, a megjelenő ablakban láthatod annak
|
|
részleteit, illetve{' '}
|
|
<b>
|
|
<i>szavazhatsz</i>
|
|
</b>{' '}
|
|
is a feladatra, annak érdekében, hogy minél hamarabb megvalósulhasson.
|
|
Minél több szavazat érkezik egy kártyára, annál magasabb lesz a
|
|
prioritása. (értsd: a legtöbb szavazatot kapó kártya teendője lesz
|
|
legelőször megvalósítva)
|
|
<br /> A kurzort az oszlopcímekre mozgatva, további információkat
|
|
olvashatsz a kategóriák tulajdonságairól.
|
|
</p>
|
|
</div>
|
|
<center>
|
|
<div className={`buttonContainer ${styles.newTaskButton}`}>
|
|
<div
|
|
onClick={() => {
|
|
setShowFeedback(true)
|
|
}}
|
|
>
|
|
Új feladat
|
|
</div>
|
|
</div>
|
|
</center>
|
|
<br />
|
|
<hr />
|
|
<Todos />
|
|
<hr />
|
|
<div className={'subtitle'}>
|
|
<b>Git repos</b>
|
|
</div>
|
|
<div className={styles.repos} style={{ float: 'left' }} id={'gitrepo'}>
|
|
{Object.keys(repos.repos).map((key) => {
|
|
let repo = repos.repos[key]
|
|
return (
|
|
<div>
|
|
<ul>
|
|
<li>
|
|
<a key={key} href={repo.href}>
|
|
{repo.description}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
)
|
|
})}
|
|
</div>
|
|
<div
|
|
style={{ float: 'left' }}
|
|
style={{ textAlign: 'right', marginRight: '100px', marginTop: '25px' }}
|
|
>
|
|
<img
|
|
style={{ maxWidth: '100%', width: '320px' }}
|
|
src={`${constants.siteUrl}img/bug.png`}
|
|
/>
|
|
</div>
|
|
<hr />
|
|
{showFeedback && (
|
|
<Modal
|
|
closeClick={() => {
|
|
setShowFeedback(false)
|
|
}}
|
|
>
|
|
<FeedbackArea from={'contribute'} />
|
|
</Modal>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|