add modal for reset button (seanprashad#163)

* add modal for reset button * removing comments

Author: philiplee13

src/components/Table/index.js

@@ -7,6 +7,9 @@ import {
  Badge,
  NavLink,
  Button,
+ Modal,
+ ModalHeader,
+ ModalFooter,
 } from 'reactstrap';
 import Toggle from 'react-toggle';
 import ReactTooltip from 'react-tooltip';
@@ -97,6 +100,11 @@ const Table = () => {
  columns: [
  {
  Header: () => {
+ const [resetModal, setResetModal] = React.useState(false);
+ const toggleResetModal = () => {
+ setResetModal(!resetModal);
+ };
+
  return (
  <span>
  <Badge className="" pill>
@@ -148,10 +156,21 @@ const Table = () => {
  outline
  size="sm"
  color="danger"
- onClick={resetHandler}
+ onClick={toggleResetModal}
  >
  Reset
  </Button>
+ <Modal isOpen={resetModal} toggle={toggleResetModal}>
+ <ModalHeader toggle={toggleResetModal}>
+ Are you sure you want to reset your progress?
+ </ModalHeader>
+ <ModalFooter>
+ <Button onClick={resetHandler} color="success">
+ Reset
+ </Button>
+ <Button onClick={toggleResetModal}>Cancel</Button>
+ </ModalFooter>
+ </Modal>
  </span>
  );
  },