Reaction sorting, minor style and usability fixes

src/pages/ranklist.js

@@ -3,7 +3,6 @@ import fetch from 'unfetch'
 import Head from 'next/head'
 
 import LoadingIndicator from '../components/LoadingIndicator'
-import Sleep from '../components/sleep'
 
 import styles from './ranklist.module.css'
 import constants from '../constants.json'
@@ -114,12 +113,9 @@ export default function RankList({ globalData }) {
     getList()
   }, [])
 
-  useEffect(
-    () => {
-      getList()
-    },
-    [since]
-  )
+  useEffect(() => {
+    getList()
+  }, [since])
 
   const list =
     ranklist &&
@@ -156,7 +152,6 @@ export default function RankList({ globalData }) {
               frissülnek.
             </p>
           </div>
-          <Sleep />
           <div className={'selectContainer'}>
             <div>Megjelenítés: </div>
             <select
@@ -235,8 +230,9 @@ export default function RankList({ globalData }) {
               {list.map((listItem, i) => {
                 return (
                   <div
-                    className={`${styles.row} ${listItem.userId ===
-                      selfUserId && styles.selfRow}`}
+                    className={`${styles.row} ${
+                      listItem.userId === selfUserId && styles.selfRow
+                    }`}
                     key={i}
                   >
                     <div>{listItem.rank + 1}</div>