npm packages update, build fix

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-react"]
+}

.eslintrc.js

@@ -1,11 +1,22 @@
 module.exports = {
     env: {
         browser: true,
-    es6: true,
-    node: true,
+        es2021: true,
     },
-  parser: 'babel-eslint',
-  extends: ['eslint:recommended', 'plugin:react/recommended'],
+    parser: '@babel/eslint-parser',
+    parserOptions: {
+        sourceType: 'module',
+    },
+    settings: {
+        react: {
+            version: 'detect',
+        },
+    },
+    extends: [
+        'plugin:react/recommended',
+        'plugin:react/jsx-runtime',
+        'plugin:@next/next/recommended',
+    ],
     globals: {
         Atomics: 'readonly',
         SharedArrayBuffer: 'readonly',
@@ -18,7 +29,21 @@ module.exports = {
         'no-prototype-builtins': 'off',
         'id-length': [
             'warn',
-      { exceptions: ['x', 'i', 'j', 't', 'Q', 'A', 'C', 'q', 'a', 'b', 'e'] },
+            {
+                exceptions: [
+                    'x',
+                    'i',
+                    'j',
+                    't',
+                    'Q',
+                    'A',
+                    'C',
+                    'q',
+                    'a',
+                    'b',
+                    'e',
+                ],
+            },
         ],
     },
     root: true,

package.json

@@ -13,10 +13,15 @@
     "author": "",
     "license": "ISC",
     "dependencies": {
+        "@babel/eslint-parser": "^7.21.3",
+        "@next/eslint-plugin-next": "^13.2.4",
         "eslint-plugin-react": "^7.22.0",
-    "next": "^9.3.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "unfetch": "^4.1.0"
+        "next": "^13.2.4",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "unfetch": "^5.0.0"
+    },
+    "devDependencies": {
+        "@babel/preset-react": "^7.18.6"
     }
 }

src/components/Question.js

@@ -67,7 +67,6 @@ export default function Question({ question, onChange, index }) {
               // {"text":"a. Kétismeretlenes egyenletrendszert használunk.",
               // "selectedByUser":true}
 
-              console.log(possibleAnswer)
               const pa =
                 typeof possibleAnswer === 'string'
                   ? possibleAnswer

src/components/QuestionSearchResult.js

@@ -60,6 +60,8 @@ export default function QuestionSearchResult(props) {
     results = data.reduce(countReducer, 0)
   }
 
+  console.log(subjs)
+
   const renderCount = () => {
     return (
       <div>

src/components/questionView.js

@@ -65,8 +65,8 @@ export default function questionView(props) {
 
   const updateEdits = (e) => {
     setEdits(
-      edits.map((edit, i) => {
-        if (i === e.index) {
+      edits.map((edit) => {
+        if (edit.index === e.index) {
           return e
         } else {
           return edit
@@ -95,7 +95,7 @@ export default function questionView(props) {
       }
       if (e.type === 'delete') {
         rmQuestion(e, selectedDb).then((res) => {
-          if (res.status === 'OK') {
+          if (res.success) {
             alert('Sikeres törlés')
           } else {
             alert('Hiba mentés közben :/')
@@ -152,7 +152,7 @@ export default function questionView(props) {
           }),
           selectedDb
         ).then((res) => {
-          if (res.status === 'OK') {
+          if (res.success) {
             alert('Sikeres mentés')
           } else {
             alert('Hiba mentés közben :/')

src/components/subjectView.js

@@ -153,7 +153,7 @@ export default function SubjectView(props) {
     const deletedQuestions = deletedIndexes
     onSave(subj.Name, changedQuestions, deletedQuestions, selectedDb).then(
       (res) => {
-        if (res.status === 'OK') {
+        if (res.success) {
           alert('Sikeres mentés')
         } else {
           alert('Hiba mentés közben :/')

src/pages/_document.js

@@ -1,16 +1,17 @@
+import React from 'react'
 import Document, { Html, Head, Main, NextScript } from 'next/document'
 
 class MyDocument extends Document {
-  static async getInitialProps (ctx) {
+    static async getInitialProps(ctx) {
         const initialProps = await Document.getInitialProps(ctx)
         return { ...initialProps }
     }
 
-  render () {
+    render() {
         return (
             <Html>
                 <Head />
-        <body bgcolor='#222426'>
+                <body style={{ backgroundColor: '#222426' }}>
                     <Main />
                     <NextScript />
                 </body>

src/pages/index.js

@@ -48,12 +48,12 @@ const Infos = ({ onClick, renderOKButton }) => {
           </ul>
         </div>
         <div>
-          Ha akármi kérdés van,{' '}
-          <a href={`${constants.siteUrl}irc`}>
-            itt lehet chatszobában kérdezni
-          </a>
-          , vagy{' '}
-          <a href={`${constants.siteUrl}feedback`}>
+          Ha akármi kérdés van{' '}
+          <a
+            href={`${constants.siteUrl}contact`}
+            target={'_blank'}
+            rel={'noreferrer'}
+          >
             itt lehet üzenetet küldeni
           </a>
           .
@@ -162,7 +162,6 @@ export default function Index({ router }) {
     })
   }
 
-
   const renderView = () => {
     if (view === views.subject) {
       return (
@@ -189,12 +188,7 @@ export default function Index({ router }) {
             selectedDb={selectedDb}
             onChange={setSelectedDb}
           />
-          {data && (
-            <QuestionView
-              selectedDb={selectedDb}
-              data={data}
-            />
-          )}
+          {data && <QuestionView selectedDb={selectedDb} data={data} />}
         </>
       )
     } else if (view === views.questionAdder) {