npm packages update

src/components/QuestionSearchResult.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import Questions from './Questions.js'
+import Questions from './Questions'
 
 import constants from '../constants.json'
 

src/components/Questions.jsx

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react'
 
-import Question from './Question.js'
+import Question from './Question'
 
 import styles from './Questions.module.css'
 

src/components/Subject.jsx

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react'
 
-import Question from './Question.js'
+import Question from './Question'
 
 class Subject extends PureComponent {
   render() {

src/components/comments.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 
-import ReactButton from './reactButton.js'
-import Modal from './modal.js'
+import ReactButton from './reactButton'
+import Modal from './modal'
 import Link from 'next/link'
 
 import styles from './comments.module.css'
@@ -63,10 +63,12 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
             >
               {displayed ? '[-]' : '[+]'}
             </div>
-            <Link href={`/chat?user=${user}`}>
-              <a title={`Chat #${user}-el`} className={'userId'}>
-                User #{user}
-              </a>
+            <Link
+              href={`/chat?user=${user}`}
+              title={`Chat #${user}-el`}
+              className={'userId'}>
+              User #{user}
+
             </Link>
           </div>
           <div className={styles.commentDate} title={dateObj.toLocaleString()}>
@@ -140,7 +142,7 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
           })}
       </div>
     </div>
-  )
+  );
 }
 
 function countComments(comments) {

src/components/dbSelector.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react'
 
-import Modal from './modal.js'
+import Modal from './modal'
 import constants from '../constants.json'
 
 import styles from './dbSelector.module.css'

src/components/forum.jsx

@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from 'react'
-import fetch from 'unfetch'
 
 import LoadingIndicator from '../components/LoadingIndicator'
 import Sleep from '../components/sleep'

src/components/layout.jsx

@@ -5,10 +5,10 @@ import dynamic from 'next/dynamic'
 
 const Snowfall = dynamic(() => import('react-snowfall'), { ssr: false })
 
-import LogoutIcon from './logoutIcon.js'
-import Modal from './modal.js'
+import LogoutIcon from './logoutIcon'
+import Modal from './modal'
 import constants from '../constants.json'
-import BB from './b.js'
+import BB from './b'
 
 import styles from './layout.module.css'
 import tabs from '../data/tabs.json'
@@ -67,37 +67,36 @@ function TopBar({
   unreads,
   userId,
 }) {
-  return (
-    <>
-      <MenuIcon setSidebarOpen={setSidebarOpen} sidebarOpen={sidebarOpen} />
-      <Link href="/">
-        <a>
-          <img
-            src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
-            alt="FryLabs"
-          />
-        </a>
-      </Link>
-      <div className={styles.topBarLinks}>
-        {Object.keys(topBarLinks).map((key) => {
-          const item = topBarLinks[key]
+  return <>
+    <MenuIcon setSidebarOpen={setSidebarOpen} sidebarOpen={sidebarOpen} />
+    <Link href="/">
 
-          return (
-            <Link key={key} href={item.href}>
-              <a
-                onClick={closeSideBar}
-                className={href.includes(key) ? styles.active : undefined}
-              >
-                {item.text}
-              </a>
-            </Link>
-          )
-        })}
-      </div>
-      <div className={'seperator'} />
-      <UserStatus onClick={closeSideBar} unreads={unreads} userId={userId} />
-    </>
-  )
+      <img
+        src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
+        alt="FryLabs"
+      />
+
+    </Link>
+    <div className={styles.topBarLinks}>
+      {Object.keys(topBarLinks).map((key) => {
+        const item = topBarLinks[key]
+
+        return (
+          (<Link
+            key={key}
+            href={item.href}
+            onClick={closeSideBar}
+            className={href.includes(key) ? styles.active : undefined}>
+
+            {item.text}
+
+          </Link>)
+        );
+      })}
+    </div>
+    <div className={'seperator'} />
+    <UserStatus onClick={closeSideBar} unreads={unreads} userId={userId} />
+  </>;
 }
 
 function SideBar({ sidebarOpen, closeSideBar, href, setDonateShowing }) {
@@ -111,16 +110,17 @@ function SideBar({ sidebarOpen, closeSideBar, href, setDonateShowing }) {
           }
 
           return (
-            <Link href={item.href} key={key}>
-              <a
-                onClick={closeSideBar}
-                className={href.includes(key) ? styles.active : undefined}
-                id={item.id || undefined}
-              >
-                {item.text}
-              </a>
-            </Link>
-          )
+            (<Link
+              href={item.href}
+              key={key}
+              onClick={closeSideBar}
+              className={href.includes(key) ? styles.active : undefined}
+              id={item.id || undefined}>
+
+              {item.text}
+
+            </Link>)
+          );
         })}
         <a
           onClick={() => {
@@ -132,7 +132,7 @@ function SideBar({ sidebarOpen, closeSideBar, href, setDonateShowing }) {
         </a>
       </div>
     </>
-  ) : null
+  ) : null;
 }
 
 function Donate() {
@@ -183,15 +183,15 @@ function UserStatus({ userId, unreads, onClick }) {
       <div className={'uid'} title="User ID">
         UID: {userId || '...'}
       </div>
-      <Link href="/chat">
-        <a
-          onClick={onClick}
-          title={`Chat${unreadCount ? ' (' + unreadCount + ' új üzenet)' : ''}`}
-          className={styles.unreadNotification}
-        >
-          <span>💬</span>
-          {unreadCount ? <div>{unreadCount}</div> : null}
-        </a>
+      <Link
+        href="/chat"
+        onClick={onClick}
+        title={`Chat${unreadCount ? ' (' + unreadCount + ' új üzenet)' : ''}`}
+        className={styles.unreadNotification}>
+
+        <span>💬</span>
+        {unreadCount ? <div>{unreadCount}</div> : null}
+
       </Link>
 
       <div
@@ -215,7 +215,7 @@ function UserStatus({ userId, unreads, onClick }) {
         <LogoutIcon size={28} />
       </div>
     </div>
-  )
+  );
 }
 
 function MenuIcon({ setSidebarOpen, sidebarOpen }) {

src/components/layout.module.css

@@ -223,7 +223,7 @@
 }
 
 .unreadNotification > span {
-  top: 8px;
+  top: 4px;
   right: -8px;
   display: inline-block;
   position: relative;

src/components/newsEntry.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 
-import ReactButton from './reactButton.js'
-import Comments from './comments.js'
+import ReactButton from './reactButton'
+import Comments from './comments'
 import Link from 'next/link'
 
 import constants from '../constants.json'
@@ -92,10 +92,12 @@ export default function NewsEntry({
             {title}
           </div>
           <div className={styles.userinfo}>
-            <Link href={`/chat?user=${user}`}>
-              <a title={`Chat #${user}-el`} className={'userId'}>
-                User #{user}
-              </a>
+            <Link
+              href={`/chat?user=${user}`}
+              title={`Chat #${user}-el`}
+              className={'userId'}>
+              User #{user}
+
             </Link>
             <div className={styles.newsDate} title={dateObj.toLocaleString()}>
               @
@@ -143,5 +145,5 @@ export default function NewsEntry({
         />
       </div>
     </div>
-  )
+  );
 }

src/components/reactButton.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react'
 
-import Tooltip from './tooltip.js'
+import Tooltip from './tooltip'
 
 import styles from './reactButton.module.css'
 import reactions from '../data/reactions.json'

src/components/todoStuff/todoBoard.jsx

@@ -1,18 +1,12 @@
 import React from 'react'
 
-import TodoCard from './todoCard.js'
+import TodoCard from './todoCard'
 
 import styles from './todoBoard.module.css'
 
 export default function TodoBoard(props) {
-  const {
-    columns,
-    cards,
-    userId,
-    categories,
-    onCardClick,
-    selectedGroup,
-  } = props
+  const { columns, cards, userId, categories, onCardClick, selectedGroup } =
+    props
 
   const clickableTypes = Object.keys(columns).reduce((acc, key) => {
     const col = columns[key]

src/components/todoStuff/todoTable.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import TodoRow from './todoRow.js'
+import TodoRow from './todoRow'
 
 import styles from './todoTable.module.css'
 

src/components/todoStuff/todos.jsx

@@ -1,10 +1,10 @@
 import React, { useState, useEffect } from 'react'
 
-import LoadingIndicator from '../LoadingIndicator.js'
-import TodoBoard from './todoBoard.js'
-import TodoTable from './todoTable.js'
-import TodoSidebar from './todoSidebar.js'
-import Modal from '../modal.js'
+import LoadingIndicator from '../LoadingIndicator'
+import TodoBoard from './todoBoard'
+import TodoTable from './todoTable'
+import TodoSidebar from './todoSidebar'
+import Modal from '../modal'
 
 import styles from './todo.module.css'
 import constants from '../../constants.json'