faq and script update

src/pages/faq.jsx

@@ -77,6 +77,20 @@ function FAQSection() {
           <br />
           Több infó a <Link href="/faq?tab=risk">kockázatok résznél</Link>.
         </li>
+        <li>
+          <b>Peer váltás után nem tudok bejelentkezni!</b>
+          Peer (vagy másnéven host) váltás után ha még nem kapcsolódtál a
+          megadott host-hoz engedélyezned kell a scriptnek hogy csatlakozzon
+          hozzá. Ez a felugró ablak nem minding azonnal jelenik meg, néha
+          előfordulhat hogy frissíteni kell az oldalt. Ha ezután sem működik
+          ellenőrizd hogy elérhető-e a host
+        </li>
+        <li>
+          <b>Hogyan tudok a projektben segíteni?</b>
+          Szinte mindig végtelen javítanivaló és tennivaló a projekttel
+          kapcsolatban. Ha segíteni szeretnél, akkor vedd fel a kapcsolat az
+          adminnal chat-en, és kérd meg hogy igazítson útba egy fejlesztőhöz.
+        </li>
       </ul>
     </div>
   )
@@ -454,11 +468,15 @@ function P2PSection() {
       <ul>
         <li>Chat</li>
         <li>Fórum</li>
-        <li>Motd (Script motto of the day)</li>
+        <li>Motd (motto of the day)</li>
       </ul>
       A szinkronizált adatok frissessége több mindenen múlik: a szerver adminja
       szinkronizál-e rendesein, illetve a két szerver között működik-e a
       felhasználó szinkronizálás (van-e publick key megoszva a kettő között)
+      <p />
+      Egy szerverhez beérkező új kérdések automatikusan tovább vannak küldve a
+      szervernél regisztrált peerekhez, így az új kérdések azonnal elérhetők
+      mindenhol máshol.
       <p />A szervereknek 1-1 adminja van, akik belelátnak minden szerveren
       tárolt adatba, a szervereken ők a <i>#1</i> számú felhasználók. Errő
       többet a <Link href="/faq?tab=risk">kockázatok résznél</Link> tudtok

src/pages/script.jsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useEffect, useState } from 'react'
 import { useQuery } from 'react-query'
 
 import Header from '../components/header'
@@ -27,6 +27,15 @@ export default function Script() {
   const { data: supportedSites } = useQuery('supportedSites', () =>
     fetchSupportedSites()
   )
+  const [exampleHost, setExampleHostHost] = useState(
+    'a szerver domainje ahova csatlakozni szeretnél (pl.: qmining.net "/" és "http" nélkül)'
+  )
+
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      setExampleHostHost(window.location.host)
+    }
+  }, [])
 
   return (
     <div className={styles.content}>
@@ -93,12 +102,21 @@ export default function Script() {
           <li>
             Ha megnyitod az egyik támogatott oldalon a scriptet, akkor
             használata előtt engedélyezned kell, hogy a szerverrel kommunikáljon
-            a script
+            a script.{' '}
+            <b>
+              Figyelem! Ezt minden új peer választás után engedélyezned kell!
+              Előfordulhat, hogy először nem sikerül kapcsolódnia, ekkor
+              frissítsd az oldalt.
+            </b>
           </li>
           <li>
             Ezután a script egy apró menü ablakot jelenít meg a weboldal bal
             alsó részén
           </li>
+          <li>
+            Előfordulhat hogy mindenek előtt egy domaint fog kérni tőled, ide a
+            következőt írd be: <b>{exampleHost}</b>
+          </li>
           <li>
             Ha be vagy jelentkezve, akkor a teszt oldalakon a megoldásokat
             kellene látnod egy felugró ablakban felül. Ha nem, akkor{' '}
@@ -107,13 +125,29 @@ export default function Script() {
             <Link href="/contact">írj üzenetet mi nem működik</Link>
           </li>
         </ol>
-        <b>Példa felugró ablakokra:</b>
+        <b>Képek:</b>
         <ul>
+          <li>
+            Új host-hoz kapcsolódás engedélyezés oldal
+            <br />
+            <img
+              style={{ width: '70%' }}
+              src="img/scriptimg/script-6.jpg"
+              alt="img"
+            />
+          </li>
+          <li>
+            Menü domain megadása előtt:
+            <br />
+            <img src="img/scriptimg/script-5.jpg" alt="img" />
+          </li>
           <li>
             Menü bejelentkezés előtt / után:
             <br />
             <img src="img/scriptimg/script-2.jpg" alt="img" />
             <img src="img/scriptimg/script-1.jpg" alt="img" />
+            <br />
+            <i>Itt {'"localhost:8080"'} helyett az éppen használt host lesz</i>
           </li>
           <li>
             Teszt közben felugró ablak a kérdéssel és válasszal:

src/pages/script.module.css

@@ -2,6 +2,10 @@
   color: #fff;
 }
 
+.content img {
+    padding: 2px;
+}
+
 .content {
   text-align: justify;
 }