From e20d352fc735860c7b07b6ddbbaf9e5a81d1690f Mon Sep 17 00:00:00 2001
From: Sina Rohde <s.rohde@indiscale.com>
Date: Tue, 18 Jun 2024 11:13:59 +0200
Subject: [PATCH] fix linting errors
---
pages/index.tsx | 47 +++++++++++++++++++++++------------------------
1 file changed, 23 insertions(+), 24 deletions(-)
diff --git a/pages/index.tsx b/pages/index.tsx
index d3f810e..eac2fa4 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,26 +1,26 @@
-import Button from '@mui/material/Button';
-import Stack from '@mui/material/Stack';
-import Item from '@mui/material/ListItem';
-import { styled, alpha} from '@mui/material/styles';
-import InputBase from '@mui/material/InputBase';
-import SearchIcon from '@mui/icons-material/Search';
-import Grid from '@mui/material/Grid';
+import Button from '@mui/material/Button'
+import Stack from '@mui/material/Stack'
+import Item from '@mui/material/ListItem'
+import { styled, alpha } from '@mui/material/styles'
+import InputBase from '@mui/material/InputBase'
+import SearchIcon from '@mui/icons-material/Search'
+import Grid from '@mui/material/Grid'
const Search = styled('div')(({ theme }) => ({
position: 'relative',
borderRadius: theme.shape.borderRadius,
backgroundColor: alpha(theme.palette.common.white, 0.15),
'&:hover': {
- backgroundColor: alpha(theme.palette.common.white, 0.25),
+ backgroundColor: alpha(theme.palette.common.white, 0.25)
},
marginRight: theme.spacing(2),
marginLeft: 0,
width: '100%',
[theme.breakpoints.up('sm')]: {
marginLeft: theme.spacing(3),
- width: 'auto',
- },
-}));
+ width: 'auto'
+ }
+}))
const SearchIconWrapper = styled('div')(({ theme }) => ({
padding: theme.spacing(0, 2),
@@ -29,8 +29,8 @@ const SearchIconWrapper = styled('div')(({ theme }) => ({
pointerEvents: 'none',
display: 'flex',
alignItems: 'center',
- justifyContent: 'center',
-}));
+ justifyContent: 'center'
+}))
const StyledInputBase = styled(InputBase)(({ theme }) => ({
color: 'inherit',
@@ -41,20 +41,19 @@ const StyledInputBase = styled(InputBase)(({ theme }) => ({
transition: theme.transitions.create('width'),
width: '100%',
[theme.breakpoints.up('md')]: {
- width: '20ch',
- },
- },
-}));
-
+ width: '20ch'
+ }
+ }
+}))
export default function Index () {
const info = ('This is the FDO Manager. The hardware and infrastructure for this test instance are provided by GWDG. IndiScale is responsible for the architecture and implementation.')
- return (
- <Grid container direction="column" justifyContent="center" alignItems="center">
+ return (
+ <Grid container direction="column" justifyContent="center" alignItems="center">
- <Stack direction="column" spacing={2} width="350px">
+ <Stack direction="column" spacing={2} width="350px">
<Item><h1>FDO-Manager</h1></Item>
- <Item>{info}</Item>
+ <Item>{info}</Item>
<Item><Button variant="contained" >Create FDO</Button></Item>
<Item><Search>
<SearchIconWrapper>
@@ -63,10 +62,10 @@ export default function Index () {
<StyledInputBase
placeholder="Search…" inputProps={{ 'aria-label': 'search' }}/>
</Search></Item>
-
+
</Stack>
</Grid>
- );
+ )
}
Index.noLayout = true
--
GitLab