user pw gen page info changes

src/components/layout.js

@@ -58,7 +58,7 @@ export default function Layout(props) {
                 </Link>
               )
             })}
-            <Link href={`${constants.siteUrl}donate`}>
+            <Link href={`/donate`}>
               <a className="donate" onClick={closeSideBar} target="_blank">
                 Donate
               </a>

src/pages/pwRequest.js

@@ -4,32 +4,37 @@ import fetch from 'unfetch'
 import styles from './pwRequest.module.css'
 import constants from '../constants.json'
 
-export default function PwRequest (props) {
+export default function PwRequest(props) {
   const [result, setResult] = useState([])
   const [remaining, setRemaining] = useState()
   const [requestedPWS, setRequestedPWS] = useState()
   const [createDate, setCreateDate] = useState()
 
-  const [addPwPerDay, setAddPwPerDay] = useState()
+  const [addPwPerDay, setAddPwPerDay] = useState('...')
-  // const [daysAfterUserGetsPWs, setDaysAfterUserGetsPWs] = useState()
+  const [daysAfterUserGetsPWs, setDaysAfterUserGetsPWs] = useState('...')
-  const [maxPWCount, setMaxPWCount] = useState()
+  const [maxPWCount, setMaxPWCount] = useState('...')
+  const [addPWCount, setAddPWCount] = useState('...')
+  const [dayDiff, setDayDiff] = useState('...')
 
   useEffect(() => {
     console.info('Fetching avaible pws')
     fetch(`${constants.apiUrl}avaiblePWS`, {
-      credentials: 'include'
+      credentials: 'include',
     })
       .then((resp) => {
         return resp.json()
       })
       .then((data) => {
+        console.log(data)
         setRemaining(data.avaiblePWS)
         setCreateDate(data.userCreated)
         setRequestedPWS(data.requestedPWS)
 
         setAddPwPerDay(data.addPWPerDay)
-        // setDaysAfterUserGetsPWs(data.daysAfterUserGetsPWs)
+        setAddPWCount(data.addPWCount)
+        setDaysAfterUserGetsPWs(data.daysAfterUserGetsPWs)
         setMaxPWCount(data.maxPWCount)
+        setDayDiff(data.dayDiff)
       })
   }, [])
 
@@ -38,22 +43,26 @@ export default function PwRequest (props) {
       method: 'POST',
       credentials: 'include',
       headers: {
-        'Accept': 'application/json',
+        Accept: 'application/json',
-        'Content-Type': 'application/json'
+        'Content-Type': 'application/json',
       },
-      body: JSON.stringify({})
+      body: JSON.stringify({}),
     })
     try {
-      rawResponse.json()
+      rawResponse
+        .json()
         .then((resp) => {
           if (resp.result === 'success') {
             setResult([...result, resp.pw])
             setRemaining(resp.remaining)
             setRequestedPWS(resp.requestedPWS)
           } else if (resp.result === 'success') {
-            setResult([ 'Nem vagy bejelentkezve!' ]) // this should never happpen
+            setResult(['Nem vagy bejelentkezve!']) // this should never happpen
           } else {
-            setResult([...result, 'Jelszó kérési lehetőségeid elfogytak, nézz vissza később'])
+            setResult([
+              ...result,
+              'Jelszó kérési lehetőségeid elfogytak, nézz vissza később',
+            ])
             setRemaining(0)
           }
         })
@@ -70,53 +79,52 @@ export default function PwRequest (props) {
   return (
     // TODO: újrafogalmazás, remove hány nap után kapnak új jelszót először
     <div>
-      <div id='form'>
+      <div id="form">
         <div className={styles.text}>
-          Itt új jelszavakat tudsz kérni új felhasználóknak. Közös jelszóhasználat nem ajánlott,
+          Itt új jelszavakat tudsz kérni új felhasználóknak. Közös
-          mert ha valaki belép azzal a jelszóval amit te használsz akkor téged kiléptet
+          jelszóhasználat nem ajánlott, mert ha valaki belép azzal a jelszóval
-          mindenhonnan. Szerintem van elég jelszó hogy ne kelljen közös
+          amit te használsz akkor téged kiléptet mindenhonnan. Szerintem van
+          elég jelszó hogy ne kelljen közös
         </div>
         <div className={styles.text}>
-          Minden nap
+          Új felhasználóknak
-          <span>
+          <span>{' ' + daysAfterUserGetsPWs + ' '}</span>
-            {' ' + addPwPerDay + ' '}
+          napot kell várni, míg kapnak lehetőséget jelszó generálásra.
-          </span>
+          <span>{' ' + dayDiff + ' '}</span>
-          új lehetőség van jelszót generálni, egyszerre maximum
+          nap óta használod a weboldalt / scriptet
-          <span>
+        </div>
-            {' ' + maxPWCount + ' '}
+        <div className={styles.text}>
-          </span>
+          <span>{' ' + addPwPerDay + ' '}</span>
-          gyűlhet össze
+          naponta
+          <span>{' ' + addPWCount + ' '}</span>
+          új lehetőség van jelszót generálni, maximum
+          <span>{' ' + maxPWCount + ' '}</span>
+          lehetőség gyűlhet össze
         </div>
         <div className={styles.text}>
           Még kérhető jelszavak:
-          <span>
+          <span>{' ' + remaining + ' '}</span>
-            {' ' + remaining + ' '}
-          </span>
           Felhasználó létrehozva:
-          <span>
+          <span>{' ' + createDate + ' '}</span>. Eddig
-            {' ' + createDate + ' '}
+          <span>{' ' + requestedPWS + ' '}</span>
-          </span>
-          . Eddig
-          <span>
-            {' ' + requestedPWS + ' '}
-          </span>
           jelszót kértél.
         </div>
         <div className={styles.buttonContainer}>
-          <div
+          <div onClick={handleSubmit} className={styles.button}>
-            onClick={handleSubmit}
-            className={styles.button}
-          >
             Jelszó kérése
           </div>
         </div>
-        {result ? <div className={styles.pwContainer}>{result.map((r, i) => {
+        {result ? (
+          <div className={styles.pwContainer}>
+            {result.map((r, i) => {
               return (
                 <div key={i} className={styles.pw}>
                   {i + 1}.: {r}
                 </div>
               )
-        })}</div> : null}
+            })}
+          </div>
+        ) : null}
       </div>
     </div>
   )