WIP

src/components/menu/Navigation.tsx

@@ -7,32 +7,32 @@ import {
   ViewGridIcon,
 } from '@heroicons/react/outline';
 
-import { routes } from '../../router';
-import { MenuButton } from './MenuButton';
+import { routes } from '../../core/router';
+import { Button } from '../generic/Button';
 
 export const Navigation = (): JSX.Element => {
   return (
     <div className="hidden md:flex flex-auto flex-0 relative items-center h-16 px-4 ">
       <div className="flex items-center">
-        <MenuButton
+        <Button
           icon={<AnnotationIcon />}
           text={'Messages'}
-          link={routes.messages().link}
+          {...routes.messages().link}
         />
-        <MenuButton
+        <Button
           icon={<ViewGridIcon />}
           text={'Nodes'}
-          link={routes.nodes().link}
+          {...routes.nodes().link}
         />
-        <MenuButton
+        <Button
           icon={<CogIcon />}
           text={'Settings'}
-          link={routes.settings().link}
+          {...routes.settings().link}
         />
-        <MenuButton
+        <Button
           icon={<InformationCircleIcon />}
           text={'About'}
-          link={routes.about().link}
+          {...routes.about().link}
         />
       </div>
     </div>