Skip to content

Commit 6e5439d

Browse files
diemoldiemol
committed
[grid] Linting the Grid UI
1 parent 669dd62 commit 6e5439d

19 files changed

Lines changed: 332 additions & 327 deletions

File tree

‎javascript/grid-ui/src/App.tsx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ function App () {
7474

7575
return (
7676
<ApolloProvider client={client}>
77-
<Box display="flex">
77+
<Box display='flex'>
7878
<TopBar
7979
subheader={topBarSubheader}
8080
error={error !== undefined}
@@ -91,7 +91,7 @@ function App () {
9191
/>
9292
)}
9393
<Box
94-
component="main"
94+
component='main'
9595
sx={{
9696
flexGrow: 1,
9797
height: '100vh',
@@ -101,13 +101,13 @@ function App () {
101101
>
102102
<Container maxWidth={false} sx={{ paddingY: 4 }}>
103103
<Routes>
104-
<Route path="/sessions" element={<Sessions/>}/>
105-
<Route path="/help" element={<Help/>}/>
106-
<Route path="/" element={<Overview/>}/>
107-
<Route path="*" element={<Help/>}/>
104+
<Route path='/sessions' element={<Sessions />} />
105+
<Route path='/help' element={<Help />} />
106+
<Route path='/' element={<Overview />} />
107+
<Route path='*' element={<Help />} />
108108
</Routes>
109109
</Container>
110-
<Footer/>
110+
<Footer />
111111
</Box>
112112
</Box>
113113
</ApolloProvider>

‎javascript/grid-ui/src/components/EnhancedTableToolbar.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,11 +24,12 @@ function EnhancedTableToolbar (props) {
2424
return (
2525
<Toolbar sx={{ paddingLeft: 2, paddingRight: 1 }}>
2626
<Typography
27-
textAlign={'center'}
27+
textAlign='center'
2828
sx={{ flex: '1 1 100%' }}
29-
variant="h3"
30-
id="tableTitle"
31-
component="div">
29+
variant='h3'
30+
id='tableTitle'
31+
component='div'
32+
>
3233
{title}
3334
</Typography>
3435
</Toolbar>

‎javascript/grid-ui/src/components/Error/Error.tsx‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -22,31 +22,31 @@ function Error (props) {
2222
const { message, errorMessage } = props
2323
return (
2424
<Box
25-
height="100%"
26-
width="100%"
25+
height='100%'
26+
width='100%'
2727
paddingY={3}
2828
>
2929
<Box
30-
display="flex"
31-
flexDirection="column"
32-
height="100%"
33-
justifyContent="center"
30+
display='flex'
31+
flexDirection='column'
32+
height='100%'
33+
justifyContent='center'
3434
>
35-
<Container maxWidth="md">
35+
<Container maxWidth='md'>
3636
<Box mb={3}>
3737
<Typography
38-
align="center"
39-
color="textPrimary"
40-
variant="h3"
38+
align='center'
39+
color='textPrimary'
40+
variant='h3'
4141
>
4242
{message}
4343
</Typography>
4444
</Box>
4545
<Typography
46-
align="center"
47-
color="textPrimary"
48-
variant="h4"
49-
component="span"
46+
align='center'
47+
color='textPrimary'
48+
variant='h4'
49+
component='span'
5050
>
5151
<pre>
5252
{errorMessage}

‎javascript/grid-ui/src/components/LiveView/LiveView.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23,9 +23,9 @@ import Snackbar from '@mui/material/Snackbar'
2323

2424
const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert (
2525
props,
26-
ref,
26+
ref
2727
) {
28-
return <MuiAlert elevation={6} ref={ref} variant="filled" {...props} />
28+
return <MuiAlert elevation={6} ref={ref} variant='filled' {...props} />
2929
})
3030

3131
function LiveView (props) {
@@ -148,7 +148,7 @@ function LiveView (props) {
148148
onMouseLeave={handleMouseLeave}
149149
>
150150
<PasswordDialog
151-
title="LiveView (VNC) Password"
151+
title='LiveView (VNC) Password'
152152
open={open}
153153
openDialog={handlePasswordDialog}
154154
onConfirm={handleCredentialsEntered}
@@ -160,7 +160,7 @@ function LiveView (props) {
160160
autoHideDuration={6000}
161161
onClose={handleClose}
162162
>
163-
<Alert severity="error" sx={{ width: '100%' }}>
163+
<Alert severity='error' sx={{ width: '100%' }}>
164164
{message}
165165
</Alert>
166166
</Snackbar>
@@ -170,7 +170,7 @@ function LiveView (props) {
170170
autoHideDuration={4000}
171171
onClose={() => setOpenSuccessAlert(false)}
172172
>
173-
<Alert severity="success" sx={{ width: '100%' }}>
173+
<Alert severity='success' sx={{ width: '100%' }}>
174174
Connected successfully!
175175
</Alert>
176176
</Snackbar>

‎javascript/grid-ui/src/components/LiveView/PasswordDialog.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ const PasswordDialog = (props) => {
6464
<Dialog
6565
open={open}
6666
onClose={() => openDialog(false)}
67-
aria-labelledby="password-dialog"
67+
aria-labelledby='password-dialog'
6868
>
6969
<DialogTitle id='password-dialog'>{title}</DialogTitle>
7070
<DialogContent>
@@ -73,17 +73,17 @@ const PasswordDialog = (props) => {
7373
</DialogContentText>
7474
<FormControl
7575
sx={{ margin: 1, width: '25ch' }}
76-
variant="standard"
76+
variant='standard'
7777
>
7878
<InputLabel
79-
htmlFor="standard-adornment-password"
79+
htmlFor='standard-adornment-password'
8080
>
8181
Password
8282
</InputLabel>
8383
<Input
84-
id="standard-adornment-password"
84+
id='standard-adornment-password'
8585
autoFocus
86-
margin="dense"
86+
margin='dense'
8787
type={values.showPassword ? 'text' : 'password'}
8888
value={values.password}
8989
fullWidth
@@ -105,22 +105,22 @@ const PasswordDialog = (props) => {
105105
</DialogContent>
106106
<DialogActions>
107107
<Button
108-
variant="contained"
108+
variant='contained'
109109
onClick={() => {
110110
openDialog(false)
111111
onCancel()
112112
}}
113-
color="secondary"
113+
color='secondary'
114114
>
115115
Cancel
116116
</Button>
117117
<Button
118-
variant="contained"
118+
variant='contained'
119119
onClick={() => {
120120
// setOpen(false)
121121
onConfirm(values.password)
122122
}}
123-
color="primary"
123+
color='primary'
124124
>
125125
Accept
126126
</Button>

‎javascript/grid-ui/src/components/NavBar/NavBar.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -97,9 +97,9 @@ function NavBarBottom (props): JSX.Element {
9797
<div>
9898
<Box p={3} m={1}>
9999
<Typography
100-
align="center"
100+
align='center'
101101
gutterBottom
102-
variant="h4"
102+
variant='h4'
103103
>
104104
Queue size: {sessionQueueSize}
105105
</Typography>

‎javascript/grid-ui/src/components/NoData/NoData.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ function NoData (props) {
3737
<Typography
3838
align='center'
3939
color='textPrimary'
40-
variant="h1"
40+
variant='h1'
4141
paddingBottom={1}
4242
>
4343
{message}

‎javascript/grid-ui/src/components/Node/Node.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,14 +37,14 @@ function Node (props) {
3737
<CardContent sx={{ pl: 2, pr: 1 }}>
3838
<Grid
3939
container
40-
justifyContent="space-between"
40+
justifyContent='space-between'
4141
spacing={1}
4242
>
4343
<Grid item xs={10}>
4444
<Typography
45-
color="textPrimary"
45+
color='textPrimary'
4646
gutterBottom
47-
variant="h6"
47+
variant='h6'
4848
>
4949
<Box fontWeight='fontWeightBold' mr={1} display='inline'>
5050
URI:

0 commit comments

Comments
 (0)