resolves seanprashad#121 (seanprashad#122)

Author: ArnavPuri

src/components/Table/index.js

@@ -29,7 +29,7 @@ const iconPath = `${process.env.PUBLIC_URL}/assets/icons/`;
 
 const Table = () => {
  const data = React.useMemo(() => questions, []);
-
+ const [resetCount, setResetCount] = useState(0);
  let checkedList =
  JSON.parse(localStorage.getItem('checked')) ||
  new Array(data.length).fill(false);
@@ -81,6 +81,15 @@ const Table = () => {
  [],
  );
 
+ const resetHandler = () => {
+ setChecked(new Array(checked.length).fill(false));
+ setDifficultyCount(() => {
+ return { Easy: 0, Medium: 0, Hard: 0 };
+ });
+ const count = resetCount + 1;
+ setResetCount(count);
+ };
+
  const columns = React.useMemo(
  () => [
  {
@@ -139,10 +148,7 @@ const Table = () => {
  outline
  size="sm"
  color="danger"
- onClick={() => {
- setDifficultyCount({ Easy: 0, Medium: 0, Hard: 0 });
- setChecked([...checked].map(() => false));
- }}
+ onClick={resetHandler}
  >
  Reset
  </Button>
@@ -164,7 +170,6 @@ const Table = () => {
  difficultyCount[
  cellInfo.row.original.difficulty
  ] += additive;
-
  setDifficultyCount(difficultyCount);
  setChecked([...checked]);
  }}
@@ -336,7 +341,7 @@ const Table = () => {
  },
  ],
  // eslint-disable-next-line
- [],
+ [resetCount],
  );
 
  const {