remove mui/styled

freifunkMUC · Dec 1, 2024 · cac3de7 · cac3de7
1 parent afc179f
commit cac3de7
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 170 deletions.
diff --git a/website/package-lock.json b/website/package-lock.json
diff --git a/website/package.json b/website/package.json
@@ -13,7 +13,6 @@
     "@mui/icons-material": "^6.1.9",
     "@mui/lab": "^6.0.0-beta.17",
     "@mui/material": "^6.1.9",
-    "@mui/styles": "^6.1.9",
     "common-tags": "^1.8.2",
     "date-fns": "^4.1.0",
     "google-protobuf": "^4.0.0-rc.2",

diff --git a/website/src/components/Navigation.tsx b/website/src/components/Navigation.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import makeStyles from '@mui/styles/makeStyles';
+import styled from '@emotion/styled';
 import { getCookie } from '../Cookies';
 import { AppState } from '../AppState';
 import { NavLink } from 'react-router-dom';
@@ -17,19 +17,18 @@ import LoginIcon from '@mui/icons-material/Login';
 import DevicesIcon from '@mui/icons-material/Devices';
 import { useMediaQuery } from '@mui/material';
 
-const useStyles = makeStyles((theme) => ({
-  title: {
-    flexGrow: 1,
-  },
-}));
+// Stile mit `styled` definieren
+const Title = styled(Typography)`
+  flex-grow: 1;
+`;
 
 export default function Navigation() {
-  const classes = useStyles();
   const hasAuthCookie = !!getCookie('auth-session');
+
   return (
     <AppBar position="static">
       <Toolbar>
-        <Typography variant="h6" className={classes.title}>
+        <Title variant="h6">
           <Link to="/" color="inherit" component={NavLink}>
             <VpnKey /> wg-access-server
           </Link>
@@ -45,7 +44,7 @@ export default function Navigation() {
               }}
             />
           )}
-        </Typography>
+        </Title>
 
         <DarkModeToggle />