Format all files with no breaking changes
Lint all files using `npm run lint -- --fix`.
Format all files using `prettier --write "**/*.{ts,tsx,js,jsx,json}"`
No breaking change, only code style is modified.
Gitlab: #29
Change-Id: I4f034a7fb4d3eea10bcd3e38b44a65a1046de62f
diff --git a/client/src/components/Header.js b/client/src/components/Header.js
index 0c3eda4..165ff1b 100644
--- a/client/src/components/Header.js
+++ b/client/src/components/Header.js
@@ -1,35 +1,30 @@
-import { useState } from 'react'
-import { Box, Button, Menu, MenuItem } from '@mui/material'
-import { useNavigate, useParams } from "react-router-dom"
-import authManager from '../AuthManager'
+import { useState } from 'react';
+import { Box, Button, Menu, MenuItem } from '@mui/material';
+import { useNavigate, useParams } from 'react-router-dom';
+import authManager from '../AuthManager';
export default function Header() {
- const navigate = useNavigate()
- const [anchorEl, setAnchorEl] = useState(null)
- const handleClick = (event) => setAnchorEl(event.currentTarget)
- const handleClose = () => setAnchorEl(null)
- const params = useParams()
+ const navigate = useNavigate();
+ const [anchorEl, setAnchorEl] = useState(null);
+ const handleClick = (event) => setAnchorEl(event.currentTarget);
+ const handleClose = () => setAnchorEl(null);
+ const params = useParams();
- const goToAccountSelection = () => navigate(`/account`)
- const goToContacts = () => navigate(`/Contacts`)
- const goToAccountSettings = () => navigate(`/account/${params.accountId}/settings`)
+ const goToAccountSelection = () => navigate(`/account`);
+ const goToContacts = () => navigate(`/Contacts`);
+ const goToAccountSettings = () => navigate(`/account/${params.accountId}/settings`);
return (
<Box>
<Button aria-controls="simple-menu" aria-haspopup="true" onClick={handleClick}>
Menu
</Button>
- <Menu
- id="simple-menu"
- anchorEl={anchorEl}
- open={Boolean(anchorEl)}
- onClose={handleClose}
- >
+ <Menu id="simple-menu" anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={handleClose}>
<MenuItem onClick={goToAccountSelection}>Change account</MenuItem>
<MenuItem onClick={goToContacts}>Contacts</MenuItem>
{params.accountId && <MenuItem onClick={goToAccountSettings}>Account settings</MenuItem>}
<MenuItem onClick={() => authManager.disconnect()}>Log out</MenuItem>
</Menu>
- </Box>
- )
-}
\ No newline at end of file
+ </Box>
+ );
+}