Moved timer tool out of the map controls and into the party controls

This commit is contained in:
Mitchell McCaffrey
2020-08-04 16:26:53 +10:00
parent 6e0eb8e3ba
commit fc4d36963f
8 changed files with 145 additions and 113 deletions

View File

@@ -0,0 +1,32 @@
import React, { useState } from "react";
import { IconButton } from "theme-ui";
import StartTimerModal from "../../modals/StartTimerModal";
import StartTimerIcon from "../../icons/StartTimerIcon";
function StartTimerButton() {
const [isTimerModalOpen, setIsTimerModalOpen] = useState(false);
function openModal() {
setIsTimerModalOpen(true);
}
function closeModal() {
setIsTimerModalOpen(false);
}
return (
<>
<IconButton
m={1}
aria-label="Start Timer"
title="Start Timer"
onClick={openModal}
>
<StartTimerIcon />
</IconButton>
<StartTimerModal isOpen={isTimerModalOpen} onRequestClose={closeModal} />
</>
);
}
export default StartTimerButton;