Changed lotsa stuff

This commit is contained in:
mrfry 2021-03-23 15:34:26 +01:00
parent 91eb5cd839
commit 7bb7b919ae
18 changed files with 457 additions and 447 deletions

View file

@ -1,7 +1,8 @@
import React from 'react'
import React, { useState } from 'react'
import Head from 'next/head'
import styles from './contact.module.css'
import constants from '../constants.json'
const contactMethods = {
irc: {
@ -20,12 +21,74 @@ 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()}
<div className={styles.contactsContainer}>
<div>Itt vannak hogy hogy lehet kontaktolni</div>
{Object.keys(contactMethods).map((key) => {