From 9cae920510a77fb95e96519b4fdd06cb5a29de56 Mon Sep 17 00:00:00 2001
From: Joe Fleming <joe.fleming@gmail.com>
Date: Tue, 14 Feb 2017 20:30:27 -0700
Subject: [PATCH] use top nav component on login page

---
 src/pages/Login.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index df1cf7b..fc81719 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -1,12 +1,15 @@
 <template>
   <div id="login" class="container">
-    <nav class="nav has-shadow">
-      <div class="nav-left">
-        <div class="nav-item is-brand">
-          <router-link class="nav-item is-brand" to="/">Customer Management</router-link>
-        </div>
+    <top-nav title="Customer Management">
+      <div class="nav-right nav-menu">
+        <span class="nav-item">
+          <a class="button" >
+            <span class="icon"><i class="fa fa-github"></i></span>
+            <span>Github</span>
+          </a>
+        </span>
       </div>
-    </nav>
+    </top-nav>
 
     <section class="section">
       <div class="container">
@@ -20,9 +23,13 @@
 
 <script>
   import { getUser } from '../lib/authentication';
+  import TopNav from '../components/TopNav.vue';
 
   export default {
     name: 'LoginPage',
+    components: {
+      'top-nav': TopNav,
+    },
     data () {
       return {
         sendTo: {},