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

Changed lotsa stuff 2

Browse source
This commit is contained in:
mrfry 2021-03-23 20:00:52 +01:00
parent 7bb7b919ae
commit 1f90e62ac3
10 changed files with 119 additions and 190 deletions
src/pages
contact.js

68
src/pages/contact.js
View file

@ -1,8 +1,9 @@
import React, { useState } from 'react'
import React from 'react'
import Head from 'next/head'
import FeedbackArea from '../components/feedbackArea'
import styles from './contact.module.css'
import constants from '../constants.json'
const contactMethods = {
irc: {
@ -21,74 +22,13 @@ const contactMethods = {
},
}
function submitFeedback(msg) {
return new Promise((resolve) => {
fetch(constants.apiUrl + 'postfeedback', {
method: 'POST',
credentials: 'include',
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
},
body: JSON.stringify({
newTask: msg,
from: 'contribute',
}),
})
.then((resp) => {
return resp.json()
})
.then((resp) => {
if (resp.success) {
resolve()
} else {
alert('Hiba küldés közben')
}
})
.catch((err) => {
alert('Hiba küldés közben')
console.error(err)
})
})
}
export default function Contact() {
const [feedback, setFeedback] = useState('')
const feedbackArea = () => {
return (
<div className={styles.inputArea}>
<textarea
onChange={(event) => setFeedback(event.target.value)}
value={feedback}
className={styles.feedback}
/>
<div className={'buttonContainer'}>
<div
onClick={() => {
if (feedback) {
submitFeedback(feedback).then(() => {
alert('Elküldve')
setFeedback('')
})
} else {
alert('Adj meg valami üzenetet ...')
}
}}
>
Küldés
</div>
</div>
</div>
)
}
return (
<div>
<Head>
<title>Kapcsolat - Qmining | Frylabs.net</title>
</Head>
{feedbackArea()}
<FeedbackArea from={'contact'} />
<div className={styles.contactsContainer}>
<div>Itt vannak hogy hogy lehet kontaktolni</div>
{Object.keys(contactMethods).map((key) => {