albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added: layout.module.css, donate modal, contribute feedback modal, contacts

Browse source
This commit is contained in:
mrfry 2021-03-26 16:57:17 +01:00
parent 6fd9beb464
commit 47a2227f87
9 changed files with 204 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/pages/contribute.js
View file

@ -1,15 +1,18 @@
import React from 'react'
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>
<Head>
@ -25,16 +28,18 @@ export default function contribute() {
</p>
<p>
Emellet ha hozzáértő vagy, adott feladatok megvalósításában is
segíthetsz. (lásd: lentebb)<br /> Ha egy kártyára kattintasz, a
megjelenő abalkban láthatod annak részleteit, illetve{' '}
segíthetsz. (lásd: lentebb)
<br /> Ha egy kártyára kattintasz, a megjelenő abalkban 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.
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>
{
'Ha olyan teendőt látsz, amiben tudnál és szeretnél is segíteni, akkor írj '
@ -48,7 +53,17 @@ export default function contribute() {
</a>
-n és megbeszéljük.
</div>
<FeedbackArea from={'contribute'} />
<center>
<div className={`buttonContainer ${styles.newTaskButton}`}>
<div
onClick={() => {
setShowFeedback(true)
}}
>
Új feladat
</div>
</div>
</center>
<hr />
<Todos />
<Sleep />
@ -73,6 +88,15 @@ export default function contribute() {
src={`${constants.siteUrl}img/bug.png`}
/>
</div>
{showFeedback && (
<Modal
closeClick={() => {
setShowFeedback(false)
}}
>
<FeedbackArea from={'contribute'} />
</Modal>
)}
</div>
)
}