Move to Prisma Backend

1 files changed, 46 insertions, 0 deletions

diff --git a/frontend/components/Nav.js b/frontend/components/Nav.js
new file mode 100644
index 0000000..d1f341d
--- /dev/null
+++ b/frontend/components/Nav.js
@@ -0,0 +1,46 @@
+import Link from 'next/link';
+import styled from 'styled-components';
+
+const StyledUl = styled.ul`
+  margin: 0;
+  padding: 0;
+  display: flex;
+  li {
+    display: flex;
+    flex: 1;
+  }
+  a {
+    padding: 10px;
+    flex: 1;
+    text-decoration: none;
+    text-align: center;
+    background: rgba(0, 0, 0, 0.2);
+    color: white;
+    margin-right: 20px;
+    &:hover {
+      background: rgba(0, 0, 0, 0.3);
+    }
+  }
+`;
+
+const Nav = () => (
+  <StyledUl>
+    <Link prefetch href="/">
+      <a>Home</a>
+    </Link>
+    <Link prefetch href="/signup">
+      <a>Sign Up</a>
+    </Link>
+    <Link prefetch href="/add">
+      <a>Add an Item</a>
+    </Link>
+    <Link prefetch href="/orders">
+      <a>Orders</a>
+    </Link>
+    <Link prefetch href="/cart">
+      <a>My Cart</a>
+    </Link>
+  </StyledUl>
+);
+
+export default Nav;