npm packages update

src/pages/404.jsx

@@ -1,3 +1,5 @@
+import React from 'react'
+
 export default function Custom404() {
   return (
     <center>

src/pages/allQuestions.jsx

@@ -1,10 +1,10 @@
 import React, { useState, useEffect } from 'react'
 
 import Header from '../components/header'
-import LoadingIndicator from '../components/LoadingIndicator.js'
-import QuestionSearchResult from '../components/QuestionSearchResult.js'
-import Subject from '../components/Subject.js'
-import SubjectSelector from '../components/SubjectSelector.js'
+import LoadingIndicator from '../components/LoadingIndicator'
+import QuestionSearchResult from '../components/QuestionSearchResult'
+import Subject from '../components/Subject'
+import SubjectSelector from '../components/SubjectSelector'
 import ExternalLinkIcon from '../components/externalLinkIcon'
 import SearchBar from '../components/searchBar'
 
@@ -36,7 +36,7 @@ function fetchData(db) {
       credentials: 'include',
     })
       .then((resp) => {
-        return resp.json()
+        return respon()
       })
       .then((resp) => {
         resolve({
@@ -61,7 +61,7 @@ function fetchDbs() {
       credentials: 'include',
     })
       .then((resp) => {
-        return resp.json()
+        return respon()
       })
       .then((data) => {
         resolve(data)

src/pages/contact.jsx

@@ -45,7 +45,7 @@ export default function Contact({ globalState, setGlobalState }) {
         <div className={'subtitle'}>Chat</div>
         <div className={styles.text}>
           <Link href="/chat?user=1">
-            <a>Weboldal chat-jén keresztül beszélgetés admin-nal</a>
+            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.
@@ -94,5 +94,5 @@ export default function Contact({ globalState, setGlobalState }) {
         )}
       </div>
     </div>
-  )
+  );
 }

src/pages/faq.jsx

@@ -92,7 +92,7 @@ function FAQSection() {
           <br />
           Több infó a{' '}
           <Link href="/faq?tab=risk">
-            <a>kockázatok résznél</a>
+            kockázatok résznél
           </Link>
           .
         </li>
@@ -108,134 +108,130 @@ function FAQSection() {
         </li>
       </ul>
     </div>
-  )
+  );
 }
 
 function RiskSection() {
-  return (
-    <>
-      Itt {'"én"'} alatt a szerver, weboldal és script egyedüli üzemeltetője
-      értendő, az egyetlen személy, aki hozzáfér akármilyen szolgáltatással
-      kapcsolatos adathoz, pl.: szerver statisztikák, szerver operációs
-      rendszere, beküldött fájlok. A weboldalon a felhasználó azonosítója:{' '}
-      <i>#1</i>
-      <ul>
-        <li>
-          <b>Beküldött fájlok kezelése</b>A beküldött fájlokban szerepelhet
-          személyes adat, pl.: név. Ha ilyen információval találkozok, akkor azt
-          ki szoktam törölni. Ezekhez a fájlokhoz és információkhoz csak én
-          férek hozzá, és sehova sincs kiadva. Ezek az információk nincsenek
-          sehol gyűjtve.
-        </li>
-        <li>
-          <b>
-            Ha esetleg {'"'}lebukik{'"'} a szerver, és tárolt személyes infók
-          </b>
-          Semmi személyes információ nincs eltárolva szerveren. Egyedüli
-          információ amit egyáltalán ki tudnék deríteni az amúgy is az IP címed,
-          de az nincs letárolva. Ha nagyon gonosz lennék, akkor a script el
-          tudná küldeni a neved és talán még 1-2 adatot a szervernek, de ezt nem
-          teszi.
-          <p />
-          Bizonyíték? A script, weboldal és szerver teljesen nyílt forráskódú,{' '}
-          <Link href="/contribute#gitrepo">
-            <a>ezek repository-ja publikus</a>
-          </Link>{' '}
-          (contribute oldal alja), és akármikor felülvizsgálható. A script a te
-          böngésződben fut, tampermonkey bővítmény menüjében megtekinthető
-          milyen kód fut pontosan.
-        </li>
-        <li>
-          <b>Bármikor észrevehetik hogy használod a scriptet</b>A weboldalt már
-          kevésbé, de úgy nem menti el a kérdéseket a script, mert nem fut.{' '}
-          <a
-            href={`${constants.siteUrl}dataeditor`}
-            target="_blank"
-            rel="noreferrer"
-          >
-            Manuálisan is be lehet küldeni kérdés-válaszokat.
-          </a>
-          <p />
-          A script shadow-root hoz teszi hozzá az összes megjelenített
-          elementet, így ezeket szinte lehetetlen detektálni. A moodle
-          semmiféleképpen nem látja, hogy milyen más oldalak vannak megnyitva a
-          böngésződben. Nem látja az XMLHttp requesteket se, amit a script
-          végez. Egy Matomo nevű script látja hogy milyen oldalakra navigálsz a
-          moodle-ről, de a script nem linkekkel irányít át, hanem javascript
-          eseménnyel, amit nem tud nyomon követni.
-          <p />
-          Aztán ki tudja ténylegesen hogy lehet
-        </li>
-        <li>
-          <b>Bármikor leállhat a szerver</b>
-          És akkor nem bírod megnézni a válaszokat. Erre van az{' '}
-          <a
-            href="http://qmining.frylabs.net/allqr.txt?man"
-            target="_blank"
-            rel="noreferrer"
-          >
-            összes kérdés TXT
-          </a>
-        </li>
-        <li>
-          <b>Akármelyik válasz rossz lehet</b>
-          Pl.: ha a script rosszul menti le, vagy rossz kérdésre ad választ
-        </li>
-      </ul>
-    </>
-  )
+  return <>
+    Itt {'"én"'} alatt a szerver, weboldal és script egyedüli üzemeltetője
+    értendő, az egyetlen személy, aki hozzáfér akármilyen szolgáltatással
+    kapcsolatos adathoz, pl.: szerver statisztikák, szerver operációs
+    rendszere, beküldött fájlok. A weboldalon a felhasználó azonosítója:{' '}
+    <i>#1</i>
+    <ul>
+      <li>
+        <b>Beküldött fájlok kezelése</b>A beküldött fájlokban szerepelhet
+        személyes adat, pl.: név. Ha ilyen információval találkozok, akkor azt
+        ki szoktam törölni. Ezekhez a fájlokhoz és információkhoz csak én
+        férek hozzá, és sehova sincs kiadva. Ezek az információk nincsenek
+        sehol gyűjtve.
+      </li>
+      <li>
+        <b>
+          Ha esetleg {'"'}lebukik{'"'} a szerver, és tárolt személyes infók
+        </b>
+        Semmi személyes információ nincs eltárolva szerveren. Egyedüli
+        információ amit egyáltalán ki tudnék deríteni az amúgy is az IP címed,
+        de az nincs letárolva. Ha nagyon gonosz lennék, akkor a script el
+        tudná küldeni a neved és talán még 1-2 adatot a szervernek, de ezt nem
+        teszi.
+        <p />
+        Bizonyíték? A script, weboldal és szerver teljesen nyílt forráskódú,{' '}
+        <Link href="/contribute#gitrepo">
+          ezek repository-ja publikus
+        </Link>{' '}
+        (contribute oldal alja), és akármikor felülvizsgálható. A script a te
+        böngésződben fut, tampermonkey bővítmény menüjében megtekinthető
+        milyen kód fut pontosan.
+      </li>
+      <li>
+        <b>Bármikor észrevehetik hogy használod a scriptet</b>A weboldalt már
+        kevésbé, de úgy nem menti el a kérdéseket a script, mert nem fut.{' '}
+        <a
+          href={`${constants.siteUrl}dataeditor`}
+          target="_blank"
+          rel="noreferrer"
+        >
+          Manuálisan is be lehet küldeni kérdés-válaszokat.
+        </a>
+        <p />
+        A script shadow-root hoz teszi hozzá az összes megjelenített
+        elementet, így ezeket szinte lehetetlen detektálni. A moodle
+        semmiféleképpen nem látja, hogy milyen más oldalak vannak megnyitva a
+        böngésződben. Nem látja az XMLHttp requesteket se, amit a script
+        végez. Egy Matomo nevű script látja hogy milyen oldalakra navigálsz a
+        moodle-ről, de a script nem linkekkel irányít át, hanem javascript
+        eseménnyel, amit nem tud nyomon követni.
+        <p />
+        Aztán ki tudja ténylegesen hogy lehet
+      </li>
+      <li>
+        <b>Bármikor leállhat a szerver</b>
+        És akkor nem bírod megnézni a válaszokat. Erre van az{' '}
+        <a
+          href="http://qmining.frylabs.net/allqr.txt?man"
+          target="_blank"
+          rel="noreferrer"
+        >
+          összes kérdés TXT
+        </a>
+      </li>
+      <li>
+        <b>Akármelyik válasz rossz lehet</b>
+        Pl.: ha a script rosszul menti le, vagy rossz kérdésre ad választ
+      </li>
+    </ul>
+  </>;
 }
 
 function WebsiteSaveSection() {
-  return (
-    <>
-      <p>
-        Ha hibát találsz, kérlek jelents. Hogy a hibákat a saját gépemen
-        reprodukálni tudjam, és könnyen ki bírjam javítani, sokszor jól jön, ha
-        egy lementett weboldalt megkapok, amin a hiba történik. Így lehet
-        menteni egy oldalt:
-      </p>
-      <ul>
-        <li>
-          Lementett oldalon jobb klikk, oldal mentése
-          <br />
-          <img
-            src="img/faq/sitesave-1.jpg"
-            alt="img"
-            className={'manual_img'}
-          />
-        </li>
-        <li>
-          A lementett oldal egy fájlból és mappából áll.
-          <br />
-          <img
-            src="img/faq/sitesave-2.jpg"
-            alt="img"
-            className={'manual_img'}
-          />
-        </li>
-        <li>
-          A fájlt nyisd meg szövegszerkesztővel (notepad), és keress rá a
-          nevedre, majd (csak a neved, ne a sort) töröld ki, és mentsd el. Nem
-          szoktam megnézni a neveket, nem is tudok velük mit kezdeni, és nem is
-          adom ki soha. Amit beküldesz, azt csak én látom.{' '}
-          <Link href="/faq?tab=risk">
-            <a>Több infó itt</a>
-          </Link>{' '}
-        </li>
-        <li>
-          <Link href="/contact">
-            <a>Ide tudod feltölteni</a>
-          </Link>{' '}
-        </li>
-      </ul>
-      <p>
-        Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom
-        hatékonyan tesztelni a scriptet. Ezért hatalmas segítség ha feltöltöd
-        azt az oldalt amin hibával találkozol.
-      </p>
-    </>
-  )
+  return <>
+    <p>
+      Ha hibát találsz, kérlek jelents. Hogy a hibákat a saját gépemen
+      reprodukálni tudjam, és könnyen ki bírjam javítani, sokszor jól jön, ha
+      egy lementett weboldalt megkapok, amin a hiba történik. Így lehet
+      menteni egy oldalt:
+    </p>
+    <ul>
+      <li>
+        Lementett oldalon jobb klikk, oldal mentése
+        <br />
+        <img
+          src="img/faq/sitesave-1.jpg"
+          alt="img"
+          className={'manual_img'}
+        />
+      </li>
+      <li>
+        A lementett oldal egy fájlból és mappából áll.
+        <br />
+        <img
+          src="img/faq/sitesave-2.jpg"
+          alt="img"
+          className={'manual_img'}
+        />
+      </li>
+      <li>
+        A fájlt nyisd meg szövegszerkesztővel (notepad), és keress rá a
+        nevedre, majd (csak a neved, ne a sort) töröld ki, és mentsd el. Nem
+        szoktam megnézni a neveket, nem is tudok velük mit kezdeni, és nem is
+        adom ki soha. Amit beküldesz, azt csak én látom.{' '}
+        <Link href="/faq?tab=risk">
+          Több infó itt
+        </Link>{' '}
+      </li>
+      <li>
+        <Link href="/contact">
+          Ide tudod feltölteni
+        </Link>{' '}
+      </li>
+    </ul>
+    <p>
+      Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom
+      hatékonyan tesztelni a scriptet. Ezért hatalmas segítség ha feltöltöd
+      azt az oldalt amin hibával találkozol.
+    </p>
+  </>;
 }
 
 function ScriptSection() {
@@ -245,7 +241,7 @@ function ScriptSection() {
         <li>
           <b>Hogy kell a scriptet telepíteni, és milyen oldalakon működik? </b>
           <Link href="/script">
-            <a>Ezen az oldalon van leírva</a>
+            Ezen az oldalon van leírva
           </Link>{' '}
         </li>
         <li>
@@ -264,7 +260,7 @@ function ScriptSection() {
               Más felhasználóknak köszönhetően már valószínűleg lesznek
               megoldások a tesztjeidhez.{' '}
               <Link href="/allQuestions">
-                <a>Itt</a>
+                Itt
               </Link>{' '}
               meg tudod tekinteni, hogy vannak-e válaszok a tárgyadhoz.
             </li>
@@ -382,79 +378,77 @@ function ScriptSection() {
         </li>
       </ul>
     </div>
-  )
+  );
 }
 
 function AddSite() {
-  return (
-    <>
-      Jelenleg az, hogy a script melyik oldalakon fut bele van égetve a script
-      forráskódjába. Ez itt látható:{' '}
-      <a
-        rel="noreferrer"
-        target="_blank"
-        href="https://gitlab.com/MrFry/moodle-test-userscript/-/blob/master/stable.user.js#L52"
-      >
-        stable.user.js#L52
-      </a>
-      {'. '}
-      Ez azért van így, hogy biztos csak olyan oldalakon fusson a script amit
-      támogat is.
-      <p />
-      Ehhez persze kézzel hozzá lehet adni ideiglenesen bármilyen oldalt, hogy
-      kipróbáld ott működik-e. Akár működik, akár nem kérlek szólj, és frissítem
-      a scriptet hogy azon a domainen is fusson és működjön alapból.
-      <p />
-      Egyetem moodle oldalának hozzáadása a scripthez kézzel:
-      <ul>
-        <li>
-          <Link href="/script">
-            <a>Először telepítsd a scriptet rendesen</a>
-          </Link>{' '}
-        </li>
-        <li>
-          Böngészőben nyisd meg a Tampermonkey bővítményt <br />
-          <img className={'manual_img'} src={`img/faq/siteadd-1.png`} />
-          <br />
-          Itt kattints a Dashboard-ra.
-        </li>
-        <li>
-          Keresd meg a scriptet, majd kattints rá:
-          <br />
-          <img className={'manual_img'} src={`img/faq/siteadd-2.png`} />
-        </li>
-        <li>
-          A felugró szerkesztőben keresd meg a következő sorokat:
-          <br />
-          <img className={'manual_img'} src={`img/faq/siteadd-3.png`} />
-        </li>
-        <li>
-          Itt az egyik <i>@match ...</i> sor után egy új sorban írd be az
-          egyetemed moodle oldalának címét. Ha ez a cím pl.:{' '}
-          <i>https://moodle.egyetem.hu/main/akármi</i>, akkor a következőre írd
-          át: <i>https://moodle.egyetem.hu/*</i>. Fenti képen látsz néhány
-          példát. <i>A {'"*"'} a végén fontos!</i>
-        </li>
-        <li>
-          Ezután mentsd el (ctrl + s, vagy file {'->'} save). Ha minden jól
-          ment, akkor elég frissíteni a moodle oldalát, és a script futni fog
-          rajta. Ezek után azon az oldalon amit beírtál meg kell jelennie a
-          Tampermonkey menüjében is:
-          <br />
-          <img className={'manual_img'} src={`img/faq/siteadd-4.png`} />
-        </li>
-        <li>
-          Ha a tesztek közben mégsem megy, akkor ellenőrizd, hogy a beírt moodle
-          cím egyezik-e a teszt közbenivel. Ha kell egy kis segítség, kérdésed
-          van, nem működik valami, vagy éppen működik, de alapból nincs
-          hozzáadva:{' '}
-          <Link href="/contact">
-            <a>írj a kapcsolat oldalon!</a>
-          </Link>
-        </li>
-      </ul>
-    </>
-  )
+  return <>
+    Jelenleg az, hogy a script melyik oldalakon fut bele van égetve a script
+    forráskódjába. Ez itt látható:{' '}
+    <a
+      rel="noreferrer"
+      target="_blank"
+      href="https://gitlab.com/MrFry/moodle-test-userscript/-/blob/master/stable.user.js#L52"
+    >
+      stable.user.js#L52
+    </a>
+    {'. '}
+    Ez azért van így, hogy biztos csak olyan oldalakon fusson a script amit
+    támogat is.
+    <p />
+    Ehhez persze kézzel hozzá lehet adni ideiglenesen bármilyen oldalt, hogy
+    kipróbáld ott működik-e. Akár működik, akár nem kérlek szólj, és frissítem
+    a scriptet hogy azon a domainen is fusson és működjön alapból.
+    <p />
+    Egyetem moodle oldalának hozzáadása a scripthez kézzel:
+    <ul>
+      <li>
+        <Link href="/script">
+          Először telepítsd a scriptet rendesen
+        </Link>{' '}
+      </li>
+      <li>
+        Böngészőben nyisd meg a Tampermonkey bővítményt <br />
+        <img className={'manual_img'} src={`img/faq/siteadd-1.png`} />
+        <br />
+        Itt kattints a Dashboard-ra.
+      </li>
+      <li>
+        Keresd meg a scriptet, majd kattints rá:
+        <br />
+        <img className={'manual_img'} src={`img/faq/siteadd-2.png`} />
+      </li>
+      <li>
+        A felugró szerkesztőben keresd meg a következő sorokat:
+        <br />
+        <img className={'manual_img'} src={`img/faq/siteadd-3.png`} />
+      </li>
+      <li>
+        Itt az egyik <i>@match ...</i> sor után egy új sorban írd be az
+        egyetemed moodle oldalának címét. Ha ez a cím pl.:{' '}
+        <i>https://moodle.egyetem.hu/main/akármi</i>, akkor a következőre írd
+        át: <i>https://moodle.egyetem.hu/*</i>. Fenti képen látsz néhány
+        példát. <i>A {'"*"'} a végén fontos!</i>
+      </li>
+      <li>
+        Ezután mentsd el (ctrl + s, vagy file {'->'} save). Ha minden jól
+        ment, akkor elég frissíteni a moodle oldalát, és a script futni fog
+        rajta. Ezek után azon az oldalon amit beírtál meg kell jelennie a
+        Tampermonkey menüjében is:
+        <br />
+        <img className={'manual_img'} src={`img/faq/siteadd-4.png`} />
+      </li>
+      <li>
+        Ha a tesztek közben mégsem megy, akkor ellenőrizd, hogy a beírt moodle
+        cím egyezik-e a teszt közbenivel. Ha kell egy kis segítség, kérdésed
+        van, nem működik valami, vagy éppen működik, de alapból nincs
+        hozzáadva:{' '}
+        <Link href="/contact">
+          írj a kapcsolat oldalon!
+        </Link>
+      </li>
+    </ul>
+  </>;
 }
 
 const pages = {

src/pages/memes.jsx

@@ -1,6 +1,5 @@
 import React, { useState, useEffect } from 'react'
 import { useQuery } from 'react-query'
-import fetch from 'unfetch'
 import Head from 'next/head'
 
 import LoadingIndicator from '../components/LoadingIndicator'

src/pages/pwRequest.jsx

@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from 'react'
-import fetch from 'unfetch'
 import Link from 'next/link'
 
 import Header from '../components/header'
@@ -110,7 +109,7 @@ export default function PwRequest({ globalData, globalState, setGlobalState }) {
               ha ugyan az a felhasználó több helyen is belépve marad. A
               jelszavakról bővebben a{' '}
               <Link href="/faq?tab=pw">
-                <a>GYIK</a>
+                GYIK
               </Link>{' '}
               vonatkozó részében olvashatsz.
             </p>
@@ -192,5 +191,5 @@ export default function PwRequest({ globalData, globalState, setGlobalState }) {
         </div>
       </center>
     </div>
-  )
+  );
 }

src/pages/ranklist.jsx

@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from 'react'
-import fetch from 'unfetch'
 
 import Header from '../components/header'
 import LoadingIndicator from '../components/LoadingIndicator'

src/pages/script.jsx

@@ -62,7 +62,7 @@ export default function Script() {
               })}
               <li>
                 <Link href="/faq?tab=addsite">
-                  <a>új oldal hozzáadásának menete itt</a>
+                  új oldal hozzáadásának menete itt
                 </Link>
               </li>
             </ul>
@@ -103,11 +103,11 @@ export default function Script() {
             Ha be vagy jelentkezve, akkor a teszt oldalakon a megoldásokat
             kellene látnod egy felugró ablakban felül. Ha nem, akkor{' '}
             <Link href="/faq">
-              <a>GYIK</a>
+              GYIK
             </Link>
             -be olvass bele, vagy{' '}
             <Link href="/contact">
-              <a>írj üzenetet mi nem működik</a>
+              írj üzenetet mi nem működik
             </Link>
           </li>
         </ol>
@@ -144,7 +144,7 @@ export default function Script() {
         <ul>
           <li>
             <Link href="/allQuestions">
-              <a>Itt elérhető online az összes kérdés</a>
+              Itt elérhető online az összes kérdés
             </Link>{' '}
             ha esetleg a script valamiért nem működne.
           </li>
@@ -161,5 +161,5 @@ export default function Script() {
         </ul>
       </div>
     </div>
-  )
+  );
 }

src/pages/thanks.jsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import styles from './thanks.module.css'
 import constants from '../constants.json'
 import Head from 'next/head'

src/pages/userfiles.jsx

@@ -476,19 +476,19 @@ export default function UserFiles({
                               Törlés
                             </div>
                           ) : (
-                            <Link href={`/chat?user=${user}`}>
-                              <a
-                                title={`Chat #${user}-el`}
-                                onClick={(e) => {
-                                  e.stopPropagation()
-                                }}
-                                className={'userId'}
-                              >{`#${user}`}</a>
+                            <Link
+                              href={`/chat?user=${user}`}
+                              title={`Chat #${user}-el`}
+                              onClick={(e) => {
+                                e.stopPropagation()
+                              }}
+                              className={'userId'}>
+                              {`#${user}`}
                             </Link>
                           ))}
                       </div>
                     </div>
-                  )
+                  );
                 })}
               </>
             ) : (
@@ -513,7 +513,7 @@ export default function UserFiles({
           <LoadingIndicator />
         )}
       </div>
-    )
+    );
   }
 
   return (
@@ -536,7 +536,7 @@ export default function UserFiles({
           </b>{' '}
           Ha valami nem idevalót látsz, azt a{' '}
           <Link href="/contact">
-            <a>Kapcsolat</a>
+            Kapcsolat
           </Link>{' '}
           oldalon jelezd kérlek. Tudatos károkozásért ban jár.
         </div>
@@ -602,5 +602,5 @@ export default function UserFiles({
         </Modal>
       )}
     </div>
-  )
+  );
 }