From fa4179d5b391f26d2c31f12909254870a3631727 Mon Sep 17 00:00:00 2001
From: Parker Atkins <parker.cattell.atkins@gmail.com>
Date: Fri, 5 Jan 2024 09:52:37 -0800
Subject: [PATCH] Add v-app-bar for mobile dashboard menu toggle

---
 .../src/components/Certifications.vue                 | 10 ----------
 .../src/components/NavigationBar.vue                  | 11 +++++++++--
 .../src/components/pages/Dashboard.vue                |  4 ++++
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/Certifications.vue b/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/Certifications.vue
index 38543da6e..29bba440a 100644
--- a/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/Certifications.vue
+++ b/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/Certifications.vue
@@ -18,10 +18,6 @@
         </tbody>
       </table>
     </div>
-
-    <div>
-      <button type="button" @click="createApplication">New Application</button>
-    </div>
   </div>
 </template>
 
@@ -43,11 +39,5 @@ export default defineComponent({
   created() {
     this.applicationStore.fetchApplications();
   },
-  methods: {
-    async createApplication() {
-      await this.applicationStore.newApplication();
-      this.applicationStore.fetchApplications();
-    },
-  },
 });
 </script>
diff --git a/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/NavigationBar.vue b/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/NavigationBar.vue
index 2628a31db..7e5e209c1 100644
--- a/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/NavigationBar.vue
+++ b/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/NavigationBar.vue
@@ -1,10 +1,17 @@
 <template>
-  <v-app-bar height="80" elevation="0" color="primary">
+  <v-app-bar
+    height="80"
+    elevation="0"
+    color="primary"
+    :style="{
+      'border-bottom': '2px solid #FCBA19',
+    }"
+  >
     <router-link to="/">
       <img src="../assets/bc-gov-logo.svg" width="155" class="logo ms-6" alt="B.C. Government Logo" />
     </router-link>
     <v-toolbar-title>My ECE Registry</v-toolbar-title>
-    <v-btn v-if="userStore.isAuthenticated" color="white" @click="logout">Logout</v-btn>
+    <v-btn v-if="userStore.isAuthenticated" class="align-self-center" color="white" @click="logout">Logout</v-btn>
   </v-app-bar>
 </template>
 
diff --git a/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/Dashboard.vue b/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/Dashboard.vue
index 270ee2899..7eec52b43 100644
--- a/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/Dashboard.vue
+++ b/src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/Dashboard.vue
@@ -26,6 +26,10 @@
       </v-list>
     </v-navigation-drawer>
 
+    <v-app-bar v-if="$vuetify.display.mobile" height="40" elevation="0" color="warning">
+      <v-icon class="ms-6" size="large" color="grey-dark" icon="mdi-menu" @click="drawer = !drawer"></v-icon>
+    </v-app-bar>
+
     <v-main>
       <v-container fluid>
         <v-row>