npm packages update

2026-04-28 19:27:36 +02:00 · 2023-03-09 16:31:34 +01:00
parent ed507dc39f
commit 32522097c0
51 changed files with 3247 additions and 5187 deletions
@@ -0,0 +1,98 @@
+import React, { useState, useEffect } from 'react'
+import Link from 'next/link'
+
+import Header from '../components/header'
+import FeedbackArea from '../components/feedbackArea'
+import constants from '../constants.json'
+import LoadingIndicator from '../components/LoadingIndicator'
+
+import styles from './contact.module.css'
+
+export default function Contact({ globalState, setGlobalState }) {
+  const [contacts, setContacts] = useState()
+
+  useEffect(() => {
+    if (globalState.contacts) {
+      setContacts(globalState.contacts)
+    } else {
+      fetch(constants.apiUrl + 'contacts.json', {
+        method: 'GET',
+        credentials: 'include',
+        headers: {
+          Accept: 'application/json',
+          'Content-Type': 'application/json',
+        },
+      })
+        .then((res) => {
+          return res.json()
+        })
+        .then((res) => {
+          setContacts(res)
+          setGlobalState({
+            contacts: res,
+          })
+        })
+    }
+  }, [])
+
+  return (
+    <div>
+      <Header title={'Kapcsolat'} />
+      <div className={'pageHeader'}>
+        <h1>Kapcsolat</h1>
+      </div>
+      <div>
+        <div className={'subtitle'}>Chat</div>
+        <div className={styles.text}>
+          <Link href="/chat?user=1">
+            Weboldal chat-jén keresztül beszélgetés admin-nal
+          </Link>
+          <br />
+          Valós idejű chat, képeket és fájlokat is lehet küldeni.
+        </div>
+      </div>
+      <div>
+        <div className={'subtitle'}>Üzenet küldése</div>
+        <div className={styles.text}>
+          Weboldalon keresztül üzenetküldés admin-nak (feedback). Válasz chat-en
+          érkezik majd (💬 ikon jobb felül)
+        </div>
+      </div>
+      <FeedbackArea from={'contact'} allowFile />
+      <div className={styles.container}>
+        {contacts ? (
+          <>
+            <div>
+              <div className={'subtitle'}>Alternatív módok</div>
+              <div className={styles.text}>
+                Az alábbi módokat is nyugodtan használhatod, a nevedet, e-mail
+                címedet, illetve semmilyen egyéb adatot nem adok ki harmadik fél
+                számára. (egyedül én fogom látni)
+              </div>
+            </div>
+            <div className={styles.contactsContainer}>
+              {Object.keys(contacts).map((key) => {
+                const { description, value, href } = contacts[key]
+                return (
+                  <div key={key}>
+                    <div>{description}</div>
+                    {href ? (
+                      <a target="blank" rel="noreferrer" href={href}>
+                        {' '}
+                        {value}{' '}
+                      </a>
+                    ) : (
+                      <div>{value}</div>
+                    )}
+                  </div>
+                )
+              })}
+            </div>
+          </>
+        ) : (
+          <LoadingIndicator />
+        )}
+      </div>
+    </div>
+  );
+}