Moved timer tool out of the map controls and into the party controls
This commit is contained in:
32
src/components/party/StartTimerButton.js
Normal file
32
src/components/party/StartTimerButton.js
Normal 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;
|
||||
Reference in New Issue
Block a user