From 7482ebaf5a3a4bce890ce374b650e5d09d6d59d3 Mon Sep 17 00:00:00 2001
From: Sina Rohde <s.rohde@indiscale.com>
Date: Tue, 20 Aug 2024 13:00:57 +0200
Subject: [PATCH] linter fix
---
pages/index.tsx | 60 +++++++++++++---------------------
src/components/Content.tsx | 20 +++++-------
src/components/ContentArea.tsx | 31 +++++++++---------
3 files changed, 47 insertions(+), 64 deletions(-)
diff --git a/pages/index.tsx b/pages/index.tsx
index 20ec9e3..17ba585 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -19,7 +19,6 @@ import Stack from '@mui/material/Stack'
import Link from 'next/link'
import ContentArea from '@components/ContentArea'
-
const Item = styled(Paper)(({ theme }) => ({
backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff',
...theme.typography.body2,
@@ -36,27 +35,24 @@ export default function Index () {
<Box sx={{ flexGrow: 1 }}>
<AppBar position="static">
<Toolbar>
- <Avatar
+ <Avatar
alt="FDO logo graphic"
src="images/logo-fdo-white.png">
- </Avatar>
+ </Avatar>
<Typography
variant="h6"
noWrap
component="div"
marginLeft={2}
- sx={{ flexGrow: 1, display: { xs: 'none', sm: 'block' } }}
- >
+ sx={{ flexGrow: 1, display: { xs: 'none', sm: 'block' } }}>
FDO MANAGER
</Typography>
-
<Stack
direction="row"
width="80%"
justifyContent="flex-end"
alignItems="center"
- gap="14px"
- >
+ gap="14px">
<FormControl sx={{ minWidth: 64 }}>
<Select
disableUnderline
@@ -65,33 +61,24 @@ export default function Index () {
variant="standard"
sx={{
color: 'inherit',
- '& .MuiSvgIcon-root': {
- color: 'inherit'
- },
- '& .MuiStack-root > .MuiTypography-root': {
- display: {
- xs: 'none',
- sm: 'block'
- }
- }
- }}
- >
- {[...(locales ?? [])].sort().map((lang: string) => (
- // @ts-expect-error
- <MenuItem
- component={Link}
- href={{ pathname, query }}
- locale={lang}
- selected={currentLocale === lang}
- key={lang}
- defaultValue={lang}
- value={lang}
- >
- <Typography>
- {lang === 'en' ? 'English' : 'German'}
- </Typography>
- </MenuItem>
- ))}
+ '& .MuiSvgIcon-root': { color: 'inherit' },
+ '& .MuiStack-root > .MuiTypography-root': { display: { xs: 'none', sm: 'block' } }
+ }} >
+ {[...(locales ?? [])].sort().map((lang: string) => (
+ // @ts-expect-error
+ <MenuItem
+ component={Link}
+ href={{ pathname, query }}
+ locale={lang}
+ selected={currentLocale === lang}
+ key={lang}
+ defaultValue={lang}
+ value={lang} >
+ <Typography>
+ {lang === 'en' ? 'English' : 'German'}
+ </Typography>
+ </MenuItem>
+ ))}
</Select>
</FormControl>
</Stack>
@@ -100,8 +87,7 @@ export default function Index () {
color="inherit"
onClick={() => {
setMode()
- }}
- >
+ }} >
{mode === 'dark' ? <LightModeOutlined /> : <DarkModeOutlined />}
</IconButton>
</Stack>
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 5262fe9..6d9c1c4 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -1,25 +1,23 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
+import * as React from 'react'
+import Box from '@mui/material/Box'
+import Typography from '@mui/material/Typography'
-export default function Types() {
+export default function Types () {
return (
<Box sx={{ width: '100%', maxWidth: 500 }}>
-
-
-
+
<Typography variant="subtitle1" gutterBottom>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos
blanditiis tenetur
</Typography>
-
+
<Typography variant="body1" gutterBottom>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos
blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur,
neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum
quasi quidem quibusdam.
</Typography>
-
+
<Typography variant="button" display="block" gutterBottom>
button text
</Typography>
@@ -30,5 +28,5 @@ export default function Types() {
overline text
</Typography>
</Box>
- );
-}
\ No newline at end of file
+ )
+}
diff --git a/src/components/ContentArea.tsx b/src/components/ContentArea.tsx
index 031a51f..a12d0c4 100644
--- a/src/components/ContentArea.tsx
+++ b/src/components/ContentArea.tsx
@@ -1,23 +1,22 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import Grid from '@mui/material/Grid';
-import Paper from '@mui/material/Paper';
-import Box from '@mui/material/Box';
-import QueryPanel from './header/QueryPanel';
-import Content from 'src/components/Content';
-import Typography from '@mui/material/Typography';
-import Divider from '@mui/material/Divider';
-
+import * as React from 'react'
+import { styled } from '@mui/material/styles'
+import Grid from '@mui/material/Grid'
+import Paper from '@mui/material/Paper'
+import Box from '@mui/material/Box'
+import QueryPanel from './header/QueryPanel'
+import Content from 'src/components/Content'
+import Typography from '@mui/material/Typography'
+import Divider from '@mui/material/Divider'
const Item = styled(Paper)(({ theme }) => ({
backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff',
...theme.typography.body2,
padding: theme.spacing(2),
textAlign: 'center',
- color: theme.palette.text.secondary,
-}));
+ color: theme.palette.text.secondary
+}))
-export default function RowAndColumnSpacing() {
+export default function RowAndColumnSpacing () {
return (
<Box alignItems="center">
<Grid container spacing={2} columns={10} justifyContent="center" alignItems="center" marginTop={2}>
@@ -38,7 +37,7 @@ export default function RowAndColumnSpacing() {
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos
blanditiis tenetur unde suscipit.
</Typography><br/>
- <Typography variant="button" display="block" gutterBottom fontSize={19}>
+ <Typography variant="button" display="block" gutterBottom fontSize={19}>
Enter FDO Manager
</Typography>
</Item>
@@ -54,5 +53,5 @@ export default function RowAndColumnSpacing() {
</Grid>
</Grid>
</Box>
- );
-}
\ No newline at end of file
+ )
+}
--
GitLab