Fix navicon

client/js/components/ui/Navicon.js

@@ -1,7 +1,19 @@
 import React from 'react';
+import { FiMenu } from 'react-icons/fi';
+import { useDispatch } from 'react-redux';
+import Button from 'components/ui/Button';
+import { toggleMenu } from 'state/ui';
 
-const Navicon = ({ onClick }) => (
-  <i className="icon-menu navicon" onClick={onClick} />
-);
+const Navicon = () => {
+  const dispatch = useDispatch();
+
+  return (
+    <Button
+      className="navicon"
+      icon={FiMenu}
+      onClick={() => dispatch(toggleMenu())}
+    />
+  );
+};
 
 export default Navicon;