Unknown char fixes, removed unnecesary files, style fixes/changes

src/components/todoStuff/todoCard.js

@@ -37,7 +37,7 @@ export default function TodoCard(props) {
         <div className={`${voted && styles.voted}`}>
           <div>{`Szavazatok: ${votes.length}`}</div>
         </div>
-        <div>{`Neh<EFBFBD>zs<EFBFBD>g: ${points}`}</div>
+        <div>{`Nehézség: ${points}`}</div>
       </div>
     </div>
   )

src/components/todoStuff/todoRow.js

@@ -6,6 +6,8 @@ export default function TodoRow(props) {
   const { categories, userId, onClick } = props
   const { name, category, votes, id, group } = props.rowData
   const voted = votes.includes(userId)
+  const borderColor =
+    categories[category].borderColor || categories[category].color
 
   return (
     <div
@@ -14,7 +16,8 @@ export default function TodoRow(props) {
       }}
       className={styles.row}
       style={{
-        border: `2px dashed ${categories[category].color || 'white'}`,
+        border: `2px dashed ${borderColor || 'white'}`,
+        borderRadius: '3px',
       }}
     >
       <div className={styles.id}>{`#${id}`}</div>

src/components/todoStuff/todoTable.js

@@ -20,29 +20,31 @@ export default function TodoBoard(props) {
           return (
             <div className={styles.container} key={key}>
               <div className={styles.title}>{table.name}</div>
-              {tableCards.map((card, i) => {
+              <div className={styles.scroll}>
-                const shouldHide =
+                {tableCards.map((card, i) => {
-                  card.state !== key ||
+                  const shouldHide =
-                  (selectedGroup !== null &&
+                    card.state !== key ||
-                    selectedGroup !== 'uncat' &&
+                    (selectedGroup !== null &&
-                    card.group !== selectedGroup) ||
+                      selectedGroup !== 'uncat' &&
-                  (selectedGroup === 'uncat' && card.group !== undefined)
+                      card.group !== selectedGroup) ||
+                    (selectedGroup === 'uncat' && card.group !== undefined)
 
-                if (shouldHide) {
+                  if (shouldHide) {
-                  return null
+                    return null
-                }
+                  }
 
-                return (
+                  return (
-                  <TodoRow
+                    <TodoRow
-                    onClick={onClick}
+                      onClick={onClick}
-                    key={i}
+                      key={i}
-                    type={key}
+                      type={key}
-                    rowData={card}
+                      rowData={card}
-                    userId={userId}
+                      userId={userId}
-                    categories={categories}
+                      categories={categories}
-                  />
+                    />
-                )
+                  )
-              })}
+                })}
+              </div>
             </div>
           )
         })}

src/components/todoStuff/todoTable.module.css

@@ -20,3 +20,9 @@
   font-size: 20px;
   font-weight: bold;
 }
+
+.scroll {
+  max-height: 500px;
+  overflow-y: auto;
+  overflow-x: hidden;
+}

src/components/todoStuff/todos.js

@@ -24,7 +24,6 @@ export default function Todos() {
   const [selectedGroup, setSelectedGroup] = useState(null)
 
   useEffect(() => {
-    console.info('Fetching todos')
     fetch(`${constants.apiUrl}todos`, {
       credentials: 'include',
     })

src/defaultStyles.css

@@ -461,7 +461,7 @@ select:hover {
 
 .description {
   padding-top: 1px;
-  padding-bottom: 10px;
+  padding-bottom: 5px;
   font-size: inherit;
   color: inherit;
   text-align: center;

src/pages/allQuestions.js

@@ -107,13 +107,23 @@ export default function AllQuestions({ router }) {
           </div>
           <Sleep />
           <div className={'description'}>
-            <p>
+            Ezen az oldalon tudsz manuálisan keresni a kérdések és a tárgyak
-              Ezen az oldalon tudsz manuálisan keresni a kérdések és a tárgyak
+            között, vagy ellenőrizni, hogy egy adott tárgy szerepel-e a kérdés-
-              között, vagy ellenőrizni, hogy egy adott tárgy szerepel-e a
+            és tárgyadatbázisban. Ezen kívül a kérdéseket le is töltheted
-              kérdés- és tárgyadatbázisban. Ezen kívül a kérdéseket le is
+            offline használatra. (txt formátumban)
-              töltheted offline használatra. (txt formátumban)
-            </p>
           </div>
+          <center>
+            <div className={`buttonContainer ${styles.dataEditor}`}>
+              <div
+                onClick={() => {
+                  window.open(`${constants.siteUrl}dataeditor`, '_blank')
+                }}
+              >
+                Kérdés szerkesztő
+                <ExternalLinkIcon size={15} />
+              </div>
+            </div>
+          </center>
           <div className={'selectContainer'}>
             <select
               defaultValue={-1}

src/pages/allQuestions.module.css

@@ -20,5 +20,10 @@
 .info {
   text-align: center;
   font-style: italic;
-  padding-top: 25px;
+  padding-top: 5px;
+}
+
+.dataEditor {
+  margin-bottom: 25px;
+  width: 25%;
 }

src/pages/contribute.js

@@ -65,7 +65,7 @@ export default function contribute() {
         {Object.keys(repos.repos).map((key) => {
           let repo = repos.repos[key]
           return (
-            <div>
+            <div key={key}>
               <ul>
                 <li>
                   <a key={key} href={repo.href}>
@@ -78,7 +78,6 @@ export default function contribute() {
         })}
       </div>
       <div
-        style={{ float: 'left' }}
         style={{ textAlign: 'right', marginRight: '100px', marginTop: '25px' }}
       >
         <img

src/pages/faq.js

@@ -95,7 +95,7 @@ function FAQSection() {
             <b>Gombok, %-ok, számok;</b>
             <br />
             <img
-              style={{ maxWidth: '100%' }}
+              style={{ maxWidth: '90%' }}
               src="img/6.png"
               alt="img"
               className={'manual_img'}
@@ -164,7 +164,7 @@ function WebsiteSaveSection() {
       </p>
       <center>
         <img
-          style={{ maxWidth: '100%' }}
+          style={{ maxWidth: '90%' }}
           src="img/websitesave.png"
           alt="img"
           className={'manual_img'}
@@ -249,14 +249,11 @@ export default function FAQ({ router }) {
     }
   }
 
-  useEffect(
+  useEffect(() => {
-    () => {
+    if (router.query.tab) {
-      if (router.query.tab) {
+      setCurrPage(pages[router.query.tab])
-        setCurrPage(pages[router.query.tab])
+    }
-      }
+  }, [router.query.tab])
-    },
-    [router.query.tab]
-  )
 
   return (
     <div>