From cd0b07b3adb36fb5ec098f9e511ab45d774fee7b Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Tue, 30 Jan 2018 12:41:01 -0500
Subject: Move to Prisma Backend

---
 frontend/components/Nav.js | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 frontend/components/Nav.js

(limited to 'frontend/components/Nav.js')

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;
-- 
cgit v1.3