From dcfa964b40ad432d3a5e08c579add413ceb2b727 Mon Sep 17 00:00:00 2001
From: Dennis Theisen <dennis@shopify.com>
Date: Sun, 21 Mar 2021 03:36:03 -0400
Subject: [PATCH] Fix messed up App code

---
 src/App.vue | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 35c88ba..97f624f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -66,6 +66,19 @@
       <v-app-bar-nav-icon @click.stop="drawer = !drawer" class="mr-1"></v-app-bar-nav-icon>
     </v-app-bar>
 
+    <v-navigation-drawer v-model="drawer" fixed temporary right width="300">
+      <v-list dense nav>
+        <v-list-item link to="/">
+          <v-list-item-icon>
+            <v-icon>mdi-fencing</v-icon>
+          </v-list-item-icon>
+
+          <v-list-item-content>
+            <v-list-item-title>Arena</v-list-item-title>
+          </v-list-item-content>
+        </v-list-item>
+
+        <v-list-group prepend-icon="mdi-video" @click="visitVideos">
           <template v-slot:activator>
             <v-list-item-title>Videos</v-list-item-title>
           </template>
@@ -101,6 +114,19 @@
           </v-list-item-content>
         </v-list-item>
       </v-list>
+    </v-navigation-drawer>
+
+    <v-main>
+      <v-alert
+        v-if="appStatus.visible"
+        :color="appStatus.color"
+        :type="appStatus.type"
+        dismissible
+        class="ma-3"
+      >
+        {{ appStatus.message }}
+      </v-alert>
+      <router-view :key="$route.fullPath"></router-view>
 
       <v-snackbar
         v-model="status.visible"
@@ -109,6 +135,7 @@
         >{{ status.message }}</v-snackbar
       >
     </v-main>
+
     <v-footer class="d-flex justify-center">
       <Tooltip tooltip="See what changed between versions" top>
         <FooterBtn