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,6 +20,7 @@ export default function TodoBoard(props) {
           return (
             <div className={styles.container} key={key}>
               <div className={styles.title}>{table.name}</div>
+              <div className={styles.scroll}>
                 {tableCards.map((card, i) => {
                   const shouldHide =
                     card.state !== key ||
@@ -44,6 +45,7 @@ export default function TodoBoard(props) {
                   )
                 })}
               </div>
+            </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
-              között, vagy ellenőrizni, hogy egy adott tárgy szerepel-e a
+            között, vagy ellenőrizni, hogy egy adott tárgy szerepel-e a kérdés-
-              kérdés- és tárgyadatbázisban. Ezen kívül a kérdéseket le is
+            és tárgyadatbázisban. Ezen kívül a kérdéseket le is töltheted
-              töltheted offline használatra. (txt formátumban)
+            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) {
       setCurrPage(pages[router.query.tab])
     }
-    },
+  }, [router.query.tab])
-    [router.query.tab]
-  )
 
   return (
     <div>