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;
+  }
 }