diff --git a/client/public/t8.png b/client/public/t8.png new file mode 100644 index 0000000000000000000000000000000000000000..914c1308292d12be6b61a4c9d80f419a6ac4a93d Binary files /dev/null and b/client/public/t8.png differ diff --git a/client/src/pages/presentationEditor/PresentationEditorPage.tsx b/client/src/pages/presentationEditor/PresentationEditorPage.tsx index eb60cee2dd7ef0f6608007f534b266c2dad20c59..b07566c7dcaa5864690760e14a4e0be7fa233834 100644 --- a/client/src/pages/presentationEditor/PresentationEditorPage.tsx +++ b/client/src/pages/presentationEditor/PresentationEditorPage.tsx @@ -1,4 +1,4 @@ -import { CircularProgress, Divider, Typography } from '@material-ui/core' +import { Button, CircularProgress, Divider, Typography } from '@material-ui/core' import AppBar from '@material-ui/core/AppBar' import CssBaseline from '@material-ui/core/CssBaseline' import Drawer from '@material-ui/core/Drawer' @@ -6,7 +6,7 @@ import List from '@material-ui/core/List' import ListItemText from '@material-ui/core/ListItemText' import { createStyles, makeStyles, Theme } from '@material-ui/core/styles' import React, { useEffect } from 'react' -import { useParams } from 'react-router-dom' +import { Link, useParams } from 'react-router-dom' import { getCities } from '../../actions/cities' import { getEditorCompetition, setEditorSlideId } from '../../actions/editor' import { getTypes } from '../../actions/typesAction' @@ -16,6 +16,7 @@ import SettingsPanel from './components/SettingsPanel' import SlideEditor from './components/SlideEditor' import { CenteredSpinnerContainer, + HomeIcon, PresentationEditorContainer, SlideListItem, ToolBarContainer, @@ -91,8 +92,11 @@ const PresentationEditorPage: React.FC = () => { <CssBaseline /> <AppBar position="fixed" className={classes.appBar}> <ToolBarContainer> + <Button component={Link} to="/admin/tävlingshanterare" style={{ padding: 0 }}> + <HomeIcon src="/t8.png" /> + </Button> <Typography variant="h6" noWrap> - Tävlingsnamn: {competition.name} + {competition.name} </Typography> <ViewButtonGroup> <ViewButton variant="contained" color="secondary"> diff --git a/client/src/pages/presentationEditor/styled.tsx b/client/src/pages/presentationEditor/styled.tsx index a2c6e6f79cafb4ade856c8ae8cf1bca23e89eb1a..14b173ce7f38f586f4dfd8c120ba0cbf2d183cb3 100644 --- a/client/src/pages/presentationEditor/styled.tsx +++ b/client/src/pages/presentationEditor/styled.tsx @@ -4,6 +4,7 @@ import styled from 'styled-components' export const ToolBarContainer = styled(Toolbar)` display: flex; justify-content: space-between; + padding-left: 0; ` export const ViewButton = styled(Button)` @@ -30,3 +31,7 @@ export const CenteredSpinnerContainer = styled.div` justify-content: center; height: 100%; ` + +export const HomeIcon = styled.img` + height: 64px; +`