Add a reset button (seanprashad#120)

* add reset button ✨ * remove checked, difficultyCount from React.useMemo

Author: thetkpark

src/components/Table/index.js

@@ -6,6 +6,7 @@ import {
  Row,
  Badge,
  NavLink,
+ Button,
 } from 'reactstrap';
 import Toggle from 'react-toggle';
 import ReactTooltip from 'react-tooltip';
@@ -132,6 +133,19 @@ const Table = () => {
  Hard: {difficultyCount.Hard}/{totalDifficultyCount.Hard}
  </span>
  </Badge>
+ <br />
+ <Button
+ className="reset-button"
+ outline
+ size="sm"
+ color="danger"
+ onClick={() => {
+ setDifficultyCount({ Easy: 0, Medium: 0, Hard: 0 });
+ setChecked([...checked].map(() => false));
+ }}
+ >
+ Reset
+ </Button>
  </span>
  );
  },

src/components/Table/styles.scss

@@ -40,8 +40,13 @@
  .companies img {
  padding: 5px;
  }
- 
+
  .react-toggle {
  top: 7px;
  }
+
+ .reset-button {
+ margin-top: 10px;
+ font-size: 0.7rem;
+ }
 }