refactors, dynamic constants (lol)

src/pages/p2pinfo.jsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
 import Link from 'next/link'
 
 import Header from '../components/header'
-import constants from '../constants.json'
+import constants from '../constants'
 import LoadingIndicator from '../components/LoadingIndicator'
 
 import styles from './p2pinfo.module.css'
@@ -36,15 +36,15 @@ const infos = [
     key: 'questionCount',
     type: 'number',
   },
+  {
+    title: 'Script version',
+    key: 'scriptVersion',
+  },
   {
     title: 'Szerver build time',
     key: 'serverBuildTime',
     type: 'date',
   },
-  {
-    title: 'Script version',
-    key: 'scriptVersion',
-  },
   {
     title: 'Weboldal build time',
     key: 'qminingPageBuildTime',
@@ -116,10 +116,17 @@ export default function P2PInfo({ globalState, setGlobalState }) {
       </div>
       <div className={styles.container}>
         <Header title={'P2P infó'} />
-        A weboldal peer to peer (p2p) megoldást implementál, így több szerverrel
-        együtt tud működni, és a más szerveren hozzáadott adatokat időközönként
-        elkéri, és hozzáadja a helyileg tárolt adatokhoz. Vagy valami ilyesmi
-        TODO: normális duma
+        <div style={{ textAlign: 'center' }}>
+          A weboldal peer to peer (p2p) megoldást implementál, folyamatosan
+          megosztja az új kérdéseket a lent megadott regisztrált szerverekkel,
+          és hozzáadja a kapott új kérdéseket a helyi adatbázishoz.
+          <p />
+          Ha az egyik szerver kiesne, a script a megadott szerverek közül
+          választ egy újat. A felhasználók is szinkronizálva vannak, így a
+          jelenlegi jelszavaddal bármelyik másik oldalra be tudsz lépni
+          <p />A szervert akár te is hostolhatod, érdeklődj a lentebb megadott
+          kontakton
+        </div>
         <hr />
         <div className={styles.title}>Szerver P2P információja:</div>
         <br />
@@ -166,6 +173,11 @@ export default function P2PInfo({ globalState, setGlobalState }) {
             </div>
           )
         })}
+        {p2pInfo.myPeers.length === 0 && (
+          <div className={styles.peerContainer}>
+            Ennél a szervernél jelenleg nincs peer regisztrálva
+          </div>
+        )}
       </div>
     </>
   )