add button to go back to start if render fails

This commit is contained in:
Viktor Rådberg
2023-09-18 22:18:00 +02:00
parent 864fe64bdf
commit 4302c1a7e8
3 changed files with 14 additions and 8 deletions

View File

@@ -26,6 +26,8 @@ const StartWrapper = styled.div`
`;
const PlayWrapper = styled.div`
position: relative;
z-index: 0;
max-width: fit-content;
max-height: fit-content;
@media (orientation: portrait) {
@@ -39,6 +41,13 @@ const removeLocalStorage = async () => {
localStorage.removeItem('playing');
};
const EmergencyResetButton = styled.button`
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
`;
const App = () => {
const analytics = useAnalytics();
const savedPlayers = localStorage.getItem('players');
@@ -105,6 +114,9 @@ const App = () => {
goToStart={goToStart}
wakeLock={wakeLock}
/>
<EmergencyResetButton onClick={goToStart}>
Go To Start
</EmergencyResetButton>
</PlayWrapper>
) : (
<StartWrapper>