diff --git a/client/src/pages/views/OperatorViewPage.tsx b/client/src/pages/views/OperatorViewPage.tsx index 53af321c7708c4810f9a1d1f68564b5cf47b07d9..29f2091768483e7989cecc877ae1372b389f014c 100644 --- a/client/src/pages/views/OperatorViewPage.tsx +++ b/client/src/pages/views/OperatorViewPage.tsx @@ -21,7 +21,7 @@ import BackspaceIcon from '@material-ui/icons/Backspace' import ChevronLeftIcon from '@material-ui/icons/ChevronLeft' import ChevronRightIcon from '@material-ui/icons/ChevronRight' import TimerIcon from '@material-ui/icons/Timer' -import React, { useEffect } from 'react' +import React, { useEffect, useState } from 'react' import { useHistory, useParams } from 'react-router-dom' import { getPresentationCompetition, setPresentationCode } from '../../actions/presentation' import { useAppDispatch, useAppSelector } from '../../hooks' @@ -92,6 +92,12 @@ const OperatorViewPage: React.FC = () => { // console.log(id) }, []) + window.onpopstate = () => { + //Handle browser back arrow + alert('Tävlingen avslutas för alla') + endCompetition() + } + const handleOpenPopover = (event: React.MouseEvent<HTMLButtonElement>) => { setAnchorEl(event.currentTarget) }