diff --git a/client/src/pages/presentationEditor/components/SlideDisplay.tsx b/client/src/pages/presentationEditor/components/SlideDisplay.tsx index 517deb540bac7ec3a086ec5b854ea0ce65342925..065378d6a3d5c5869a73e2ce942cf7e358469023 100644 --- a/client/src/pages/presentationEditor/components/SlideDisplay.tsx +++ b/client/src/pages/presentationEditor/components/SlideDisplay.tsx @@ -23,6 +23,10 @@ const SlideDisplay = ({ variant, activeViewTypeId, currentSlideId }: SlideDispla return state.editor.competition.slides.find((slide) => slide.id === state.editor.activeSlideId) return state.presentation.competition.slides.find((slide) => slide.id === state.presentation.activeSlideId) }) + const totalSlides = useAppSelector((state) => { + if (variant === 'presentation') return state.presentation.competition.slides.length + return state.editor.competition.slides.length + }) const components = slide?.components const competitionBackgroundImage = useAppSelector((state) => { if (variant === 'editor') return state.editor.competition.background_image diff --git a/client/src/pages/views/TeamViewPage.tsx b/client/src/pages/views/TeamViewPage.tsx index 4c3266bc1f2ff642936b84e31de4ac1b98763e91..2ebc09269095480fe231fc3e05f5900eaf57e62a 100644 --- a/client/src/pages/views/TeamViewPage.tsx +++ b/client/src/pages/views/TeamViewPage.tsx @@ -1,17 +1,10 @@ -import { Snackbar, Typography } from '@material-ui/core' +import { Snackbar } from '@material-ui/core' import { Alert } from '@material-ui/lab' import React, { useEffect, useState } from 'react' import { useAppSelector } from '../../hooks' import { socketConnect, socketJoinPresentation } from '../../sockets' import SlideDisplay from '../presentationEditor/components/SlideDisplay' -import Timer from '../views/components/Timer' -import { - OperatorContainer, - OperatorHeader, - OperatorHeaderItem, - PresentationBackground, - PresentationContainer, -} from './styled' +import { OperatorContainer, OperatorHeader, PresentationBackground, PresentationContainer } from './styled' const TeamViewPage: React.FC = () => { const code = useAppSelector((state) => state.presentation.code) @@ -36,16 +29,7 @@ const TeamViewPage: React.FC = () => { }, []) return ( <OperatorContainer> - <OperatorHeader> - <Typography variant="h1"> - <Timer /> - </Typography> - <OperatorHeaderItem> - <Typography variant="h3"> - {activeSlideOrder !== undefined && activeSlideOrder + 1} / {presentation.competition.slides.length} - </Typography> - </OperatorHeaderItem> - </OperatorHeader> + <OperatorHeader></OperatorHeader> <PresentationBackground> <PresentationContainer> {activeViewTypeId && <SlideDisplay variant="presentation" activeViewTypeId={activeViewTypeId} />}