diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index bcd5dfd6..00000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 00000000..c9ed1554 Binary files /dev/null and b/public/favicon.png differ diff --git a/public/index.html b/public/index.html index 0f9e78ea..35c5c785 100644 --- a/public/index.html +++ b/public/index.html @@ -2,45 +2,17 @@ - + - - - - - - React App + + Visual Regression Tracker
- diff --git a/public/logo.png b/public/logo.png new file mode 100644 index 00000000..13ee7ab9 Binary files /dev/null and b/public/logo.png differ diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a3..00000000 Binary files a/public/logo192.png and /dev/null differ diff --git a/public/logo512.png b/public/logo512.png deleted file mode 100644 index a4e47a65..00000000 Binary files a/public/logo512.png and /dev/null differ diff --git a/public/manifest.json b/public/manifest.json deleted file mode 100644 index 080d6c77..00000000 --- a/public/manifest.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 2873a80d..9c7b8af9 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -9,11 +9,7 @@ import { MenuItem, } from "@material-ui/core"; import { Link } from "react-router-dom"; -import { - useAuthState, - useAuthDispatch, - logout, -} from "../contexts"; +import { useAuthState, useAuthDispatch, logout } from "../contexts"; import { routes } from "../constants"; const Header: FunctionComponent = () => { @@ -65,15 +61,11 @@ const Header: FunctionComponent = () => { - + - - - - logo - - - + + logo + {loggedIn && ( diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx index b47e96f7..fc0d7fca 100644 --- a/src/pages/ProfilePage.tsx +++ b/src/pages/ProfilePage.tsx @@ -7,6 +7,7 @@ import { CardActions, Button, Typography, + Box, } from "@material-ui/core"; import { useAuthState, useAuthDispatch, update } from "../contexts"; import { usersService } from "../services"; @@ -64,138 +65,142 @@ const ProfilePage = () => { }; return ( - - - - - apiKey: {user?.apiKey} - - - - -
+ + + - - - - setFirstName((event.target as HTMLInputElement).value), - "data-testid": "firstName", - }} - /> - - - - setLastName((event.target as HTMLInputElement).value), - "data-testid": "lastName", - }} - /> - - - - setEmail((event.target as HTMLInputElement).value), - "data-testid": "email", - }} - /> - - + apiKey: {user?.apiKey} - - - - - - - - - - -
- - - - - - setPassword((event.target as HTMLInputElement).value), - "data-testid": "password", - }} - /> + + + + + + + + + setFirstName( + (event.target as HTMLInputElement).value + ), + "data-testid": "firstName", + }} + /> + + + + setLastName((event.target as HTMLInputElement).value), + "data-testid": "lastName", + }} + /> + + + + setEmail((event.target as HTMLInputElement).value), + "data-testid": "email", + }} + /> + - - - - - - + + + + + + - - - -
+ + + + + +
+ + + + + + setPassword((event.target as HTMLInputElement).value), + "data-testid": "password", + }} + /> + + + + + + + + + + + +
+ -
+ ); }; diff --git a/src/pages/ProjectListPage.tsx b/src/pages/ProjectListPage.tsx index b364a3b2..3342379b 100644 --- a/src/pages/ProjectListPage.tsx +++ b/src/pages/ProjectListPage.tsx @@ -8,9 +8,7 @@ import { CardActions, Fab, Button, - Container, Box, - useTheme, } from "@material-ui/core"; import { useProjectState, @@ -28,7 +26,6 @@ import { ProjectModal } from "../components/ProjectModal"; import { useSnackbar } from "notistack"; const ProjectsListPage = () => { - const theme = useTheme(); const { enqueueSnackbar } = useSnackbar(); const projectState = useProjectState(); const projectDispatch = useProjectDispatch(); @@ -62,11 +59,7 @@ const ProjectsListPage = () => { }; return ( - + { ))} - + ); };