WIP

2021-08-07 20:52:38 +10:00
parent 919412b7bb
commit fa5d816d1b
55 changed files with 841 additions and 1235 deletions
@@ -0,0 +1,40 @@
+import React from 'react';
+
+import {
+  AnnotationIcon,
+  CogIcon,
+  InformationCircleIcon,
+  ViewGridIcon,
+} from '@heroicons/react/outline';
+
+import { routes } from '../../router';
+import { MenuButton } from './MenuButton';
+
+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
+          icon={<AnnotationIcon />}
+          text={'Messages'}
+          link={routes.messages().link}
+        />
+        <MenuButton
+          icon={<ViewGridIcon />}
+          text={'Nodes'}
+          link={routes.nodes().link}
+        />
+        <MenuButton
+          icon={<CogIcon />}
+          text={'Settings'}
+          link={routes.settings().link}
+        />
+        <MenuButton
+          icon={<InformationCircleIcon />}
+          text={'About'}
+          link={routes.about().link}
+        />
+      </div>
+    </div>
+  );
+};