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) => {
-                const shouldHide =
-                  card.state !== key ||
-                  (selectedGroup !== null &&
-                    selectedGroup !== 'uncat' &&
-                    card.group !== selectedGroup) ||
-                  (selectedGroup === 'uncat' && card.group !== undefined)
+              <div className={styles.scroll}>
+                {tableCards.map((card, i) => {
+                  const shouldHide =
+                    card.state !== key ||
+                    (selectedGroup !== null &&
+                      selectedGroup !== 'uncat' &&
+                      card.group !== selectedGroup) ||
+                    (selectedGroup === 'uncat' && card.group !== undefined)
 
-                if (shouldHide) {
-                  return null
-                }
+                  if (shouldHide) {
+                    return null
+                  }
 
-                return (
-                  <TodoRow
-                    onClick={onClick}
-                    key={i}
-                    type={key}
-                    rowData={card}
-                    userId={userId}
-                    categories={categories}
-                  />
-                )
-              })}
+                  return (
+                    <TodoRow
+                      onClick={onClick}
+                      key={i}
+                      type={key}
+                      rowData={card}
+                      userId={userId}
+                      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',
     })