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 AppBar from '@material-ui/core/AppBar'
import CssBaseline from '@material-ui/core/CssBaseline' import CssBaseline from '@material-ui/core/CssBaseline'
import Drawer from '@material-ui/core/Drawer' import Drawer from '@material-ui/core/Drawer'
...@@ -6,7 +6,7 @@ import List from '@material-ui/core/List' ...@@ -6,7 +6,7 @@ import List from '@material-ui/core/List'
import ListItemText from '@material-ui/core/ListItemText' import ListItemText from '@material-ui/core/ListItemText'
import { createStyles, makeStyles, Theme } from '@material-ui/core/styles' import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
import React, { useEffect } from 'react' import React, { useEffect } from 'react'
import { useParams } from 'react-router-dom' import { Link, useParams } from 'react-router-dom'
import { getCities } from '../../actions/cities' import { getCities } from '../../actions/cities'
import { getEditorCompetition, setEditorSlideId } from '../../actions/editor' import { getEditorCompetition, setEditorSlideId } from '../../actions/editor'
import { getTypes } from '../../actions/typesAction' import { getTypes } from '../../actions/typesAction'
...@@ -16,6 +16,7 @@ import SettingsPanel from './components/SettingsPanel' ...@@ -16,6 +16,7 @@ import SettingsPanel from './components/SettingsPanel'
import SlideEditor from './components/SlideEditor' import SlideEditor from './components/SlideEditor'
import { import {
CenteredSpinnerContainer, CenteredSpinnerContainer,
HomeIcon,
PresentationEditorContainer, PresentationEditorContainer,
SlideListItem, SlideListItem,
ToolBarContainer, ToolBarContainer,
...@@ -91,8 +92,11 @@ const PresentationEditorPage: React.FC = () => { ...@@ -91,8 +92,11 @@ const PresentationEditorPage: React.FC = () => {
<CssBaseline /> <CssBaseline />
<AppBar position="fixed" className={classes.appBar}> <AppBar position="fixed" className={classes.appBar}>
<ToolBarContainer> <ToolBarContainer>
<Button component={Link} to="/admin/tävlingshanterare" style={{ padding: 0 }}>
<HomeIcon src="/t8.png" />
</Button>
<Typography variant="h6" noWrap> <Typography variant="h6" noWrap>
Tävlingsnamn: {competition.name} {competition.name}
</Typography> </Typography>
<ViewButtonGroup> <ViewButtonGroup>
<ViewButton variant="contained" color="secondary"> <ViewButton variant="contained" color="secondary">
......
...@@ -4,6 +4,7 @@ import styled from 'styled-components' ...@@ -4,6 +4,7 @@ import styled from 'styled-components'
export const ToolBarContainer = styled(Toolbar)` export const ToolBarContainer = styled(Toolbar)`
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-left: 0;
` `
export const ViewButton = styled(Button)` export const ViewButton = styled(Button)`
...@@ -30,3 +31,7 @@ export const CenteredSpinnerContainer = styled.div` ...@@ -30,3 +31,7 @@ export const CenteredSpinnerContainer = styled.div`
justify-content: center; justify-content: center;
height: 100%; 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