Added settings modal and reset data

2020-04-26 18:24:05 +10:00
parent 7baf808079
commit 1efd918af4
4 changed files with 104 additions and 0 deletions
--- a/src/components/SettingsButton.js
+++ b/src/components/SettingsButton.js
@@ -0,0 +1,31 @@
+import React, { useState } from "react";
+import { IconButton } from "theme-ui";
+
+import SettingsIcon from "../icons/SettingsIcon";
+import SettingsModal from "../modals/SettingsModal";
+
+function SettingsButton() {
+  const [isSettingsModalOpen, setIsSettingsModalOpen] = useState(false);
+  function openModal() {
+    setIsSettingsModalOpen(true);
+  }
+  function closeModal() {
+    setIsSettingsModalOpen(false);
+  }
+
+  return (
+    <>
+      <IconButton
+        m={1}
+        aria-label="Settings"
+        title="Settings"
+        onClick={openModal}
+      >
+        <SettingsIcon />
+      </IconButton>
+      <SettingsModal isOpen={isSettingsModalOpen} onRequestClose={closeModal} />
+    </>
+  );
+}
+
+export default SettingsButton;