Skip to content
Snippets Groups Projects
Commit 130c199e authored by Albin Henriksson's avatar Albin Henriksson
Browse files

Add home button

parent db53f140
No related branches found
No related tags found
1 merge request!74Add home button
Pipeline #41387 failed
client/public/t8.png

56.3 KiB

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">
......
......@@ -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;
`
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment