get possible metrics and mobile resolution hotfix

src/api/getUser.js

@@ -7,7 +7,6 @@ const getUser = (setDataState, setLoadingState) => {
     })
         .then(response => response.json())
         .then(data => {
-            console.log(data);
             setDataState(data);
             if (setLoadingState)
                 setLoadingState(false);

src/components/specific_challenge/Leaderboard/Leaderboard.js

@@ -64,8 +64,9 @@ const Leaderboard = (props) => {
         for (let entry of entriesFromApi) {
             for (let evaluation of entry.evaluations) {
                 let metric = evaluation.test.metric;
-                if (metric && !metrics.includes(metric)) {
-                    metrics.push(metric);
+                let name = evaluation.test.name;
+                if (metric && !metrics.includes(`${metric}.${name}`)) {
+                    metrics.push(`${metric}.${name}`);
                 }
             }
         }

src/utils/globals.js

@@ -71,7 +71,7 @@ const EVALUATIONS_FORMAT = (evaluate) => {
 };
 
 const IS_MOBILE = () => {
-    return document.body.clientWidth <= 768;
+    return document.body.clientWidth <= 1024;
 };
 
 export {

src/utils/theme.js

@@ -2,9 +2,9 @@ import colors from './colors';
 
 const theme = {
     colors,
-    overMobile: '768px',
-    mobile: '(max-width: 768px)',
-    desktop: '(min-width: 769px)',
+    overMobile: '1024px',
+    mobile: '(max-width: 1024px)',
+    desktop: '(min-width: 1025px)',
     shadow: '1px 2px 4px rgba(52, 52, 52, 0.25)',
     authHeaderShadow: '1px -2px 4px rgba(52, 52, 52, 0.25)',
     navShadow: '0 1px 2px rgba(52, 52, 52, 0.25)',