Language update to hungarian, added welcome screen

src/pages/index.js

@@ -10,7 +10,8 @@ import constants from '../constants.json'
 
 const views = {
   subject: 'SUBJECT',
-  question: 'QUESTION'
+  question: 'QUESTION',
+  welcome: 'WELCOME'
 }
 
 // TODO: Add question on subjects view
@@ -20,7 +21,7 @@ const views = {
 
 export default function Index (props) {
   const [data, setData] = useState(null)
-  const [view, setView] = useState(views.subject)
+  const [view, setView] = useState(views.welcome)
   const [error, setError] = useState(null)
   const [password, setPassword] = useState('')
   const [editedQuestions, setEditedQuestions] = useState({})
@@ -63,7 +64,6 @@ export default function Index (props) {
       .then((resp) => {
         setData(setIndexes(resp))
         const count = getCount(resp)
-        console.info(`Data count`, count)
         setInitialCount(count)
       })
       .catch((e) => {
@@ -124,19 +124,19 @@ export default function Index (props) {
     rawResponse.json()
       .then((resp) => {
         if (resp.status === 'ok') {
-          alert(`Successfull upload! thanks ${resp.user}!`) // eslint-disable-line
+          alert(`Sikeres feltöltés! thankx ${resp.user}!`) // eslint-disable-line
           console.log('OK')
         } else if (resp.status === 'invalidPass') {
-          alert('Invalid password!') // eslint-disable-line
+          alert('Hibás jelszó!') // eslint-disable-line
           console.log('invalidPass')
         } else {
-          alert('Error while uploading (server side)! More in console') // eslint-disable-line
+          alert('Hiba feltöltés közben! (szerver oldalon)! Több adat konzolban') // eslint-disable-line
           console.error('RESPONSE', resp)
           console.error(resp.message)
         }
       })
       .catch((e) => {
-        alert('Error while uploading (client side)! More in console') // eslint-disable-line
+        alert('Hiba feltöltés közben! (kliens oldalon)! Több adat konzolban') // eslint-disable-line
         console.error('Error posting data', e)
       })
   }
@@ -158,6 +158,21 @@ export default function Index (props) {
           deleteQuestion={deleteQuestion}
         />
       )
+    } else if (view === views.welcome) {
+      return (
+        <div className={styles.welcome}>
+          Kérdés szerkesztő
+          <br />
+          Itt az éles adatbázis kérdései jelennek meg, amiket tudsz szerkeszteni. A kérdésekhez
+          tartozó '.data' prop-ot még nem tudod rendesen szerkeszteni, az később lesz implementálva.
+          A Tárgy / Kérdés nézet között tudsz válogatni.
+          <br />
+          Tárgy nézet: a tárgyak dobozban kattints egy tárgyra, minden kérdés ott lessz hozzá.
+          <br />
+          Kérdés nézet: Kereső sávba írd be a kérdést / választ, a találatok ha kevesebb mint 250
+          megjelennek, és ott tudod szerkeszteni
+        </div>
+      )
     } else {
       return (
         <div>
@@ -181,11 +196,11 @@ export default function Index (props) {
             LoadData()
           }}
         >
-          Reload data
+          Újratöltés
         </span>
         <span>
           <input
-            placeholder='Password for uploading'
+            placeholder='Jelszó feltöltéshez'
             type='text'
             value={password}
             onChange={(e) => { setPassword(e.target.value) }}
@@ -193,20 +208,24 @@ export default function Index (props) {
         </span>
         <span
           onClick={() => {
-            SendDataToServer()
+            if (password) {
+              SendDataToServer()
+            } else {
+              alert('Hibás jelszó!') // eslint-disable-line
+            }
           }}
         >
-          Upload data
+          Feltöltés
         </span>
       </div>
       <div className={styles.viewButtonContainer}>
         <span
-          onClick={() => { setView(views.subject) }}>
+          onClick={() => { setView(views.question) }}>
-            Subject view
+            Kérdés nézet
         </span>
         <span
-          onClick={() => { setView(views.question) }}>
+          onClick={() => { setView(views.subject) }}>
-            Question view
+            Tárgy nézet
         </span>
       </div>
       {renderView()}

src/pages/index.module.css

@@ -48,3 +48,9 @@
   text-align: center;
   width: 100%;
 }
+
+.welcome {
+  text-align: center;
+  font-size: 20px;
+  color: white;
+}