From c90e91c551364782d1675a2951bd059cd184fe46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ervin=20R=C3=A1cz?= <ervin.racz@protonmail.com>
Date: Fri, 3 Jan 2025 11:33:58 +0200
Subject: [PATCH] frontend: code cleaning

remove log residue & simplify visuallyHidden
---
 .../components/Activity/ActivityContainer.tsx |  2 --
 frontend/src/components/Main.tsx              | 21 ++-----------------
 2 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/Activity/ActivityContainer.tsx b/frontend/src/components/Activity/ActivityContainer.tsx
index da185cc6e..02aa23483 100644
--- a/frontend/src/components/Activity/ActivityContainer.tsx
+++ b/frontend/src/components/Activity/ActivityContainer.tsx
@@ -105,8 +105,6 @@ function Container() {
     return entries;
   }
 
-  console.log(classes);
-
   return (
     <>
       <ListHeader title={t('activity|Activity')} />
diff --git a/frontend/src/components/Main.tsx b/frontend/src/components/Main.tsx
index 70ed61fd1..089104059 100644
--- a/frontend/src/components/Main.tsx
+++ b/frontend/src/components/Main.tsx
@@ -1,7 +1,7 @@
 import Container from '@mui/material/Container';
 import CssBaseline from '@mui/material/CssBaseline';
 import Link from '@mui/material/Link';
-import makeStyles from '@mui/styles/makeStyles';
+import { visuallyHidden } from '@mui/utils';
 import React from 'react';
 import { Route, Switch } from 'react-router-dom';
 import API from '../api/API';
@@ -19,26 +19,9 @@ import InstanceListLayout from './layouts/InstanceListLayout';
 import MainLayout from './layouts/MainLayout';
 import PageNotFoundLayout from './layouts/PageNotFoundLayout';
 
-const useStyle = makeStyles(() => ({
-  // importing visuallyHidden has typing issues at time of writing.
-  // import { visuallyHidden } from '@mui/utils';
-  visuallyHidden: {
-    border: 0,
-    clip: 'rect(0 0 0 0)',
-    height: '1px',
-    margin: -1,
-    overflow: 'hidden',
-    padding: 0,
-    position: 'absolute',
-    whiteSpace: 'nowrap',
-    width: '1px',
-  },
-}));
-
 function SkipLink() {
-  const classes = useStyle();
   return (
-    <Link href="#main" className={classes.visuallyHidden} underline="hover">
+    <Link href="#main" sx={visuallyHidden} underline="hover">
       Skip to main content
     </Link>
   );