gdg-x · sandali-singh · Jul 6, 2024
diff --git a/public/index.html b/public/index.html
@@ -1,28 +1,49 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta
+      name="viewport"
+      content="width=device-width,initial-scale=1.0,user-scalable=no"
+    />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
     <title>Aura-Admin</title>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
+    />
+
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"
+    />
     <!-- Global site tag (gtag.js) - Google Analytics -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-84991751-1"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag() {
-      dataLayer.push(arguments);
-    }
-    gtag('js', new Date());
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=UA-84991751-1"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
 
-    gtag('config', 'UA-84991751-1');
-  </script>
+      gtag("config", "UA-84991751-1");
+    </script>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
+        properly without JavaScript enabled. Please enable it to
+        continue.</strong
+      >
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->

diff --git a/src/assets/img/aura-logo.svg b/src/assets/img/aura-logo.svg
diff --git a/src/assets/img/aura_ai.svg b/src/assets/img/aura_ai.svg
diff --git a/src/components/Core/Drawer.vue b/src/components/Core/Drawer.vue
@@ -8,13 +8,8 @@
     color="#F5F8FC"
     class="text-center"
   >
-    <v-avatar
-      :color="'#F5F8FC'"
-      size="55"
-      class=""
-    >
-      <v-icon>mdi-google</v-icon>
-    </v-avatar>
+    <img :src="require('@/assets/img/aura-logo.svg')" />
+
     <v-list>
       <v-btn
         depressed
@@ -27,24 +22,33 @@
         :to="link.to"
       >
         <div>
-          <v-icon style="display: block" size="20" class="mb-1">{{
-            link.icon
-          }}</v-icon>
+          <v-icon
+            style="display: block"
+            size="24"
+            class="material-symbols-outlined"
+            >{{ link.icon }}</v-icon
+          >
           <span
             style="
               font-size: 10px;
               text-transform: capitalize;
               font-weight: 600;
             "
-            class="mb-0 mt-4 google-font"
+            class="google-font caption"
             >{{ link.text }}</span
           >
         </div>
       </v-btn>
     </v-list>
 
-    <v-divider></v-divider>
-    <v-list dense>
+    <img class="mt-10" :src="require('@/assets/img/aura_ai.svg')" />
+    <v-icon style="display: block" size="24" class="material-symbols-outlined"
+      >info</v-icon
+    >
+
+    <p class="caption font-weight-bold mt-8">V5 Aura</p>
+
+    <!-- <v-list dense>
       <v-list-item
         to="/about"
         target="_blank"
@@ -73,8 +77,9 @@
           <v-list-item-title v-text="'Help'" />
         </v-list-item-content>
       </v-list-item>
-    </v-list>
-    <template v-slot:append>
+    </v-list> -->
+
+    <!-- <template v-slot:append>
       <div class="pl-2">
         <p class="google-font my-0" style="color: #616161; font-size: 80%">
           Version: {{ appVersion }} - AURA
@@ -89,7 +94,7 @@
           >
         </p>
       </div>
-    </template>
+    </template> -->
   </v-navigation-drawer>
 </template>
 
@@ -129,3 +134,20 @@ export default {
   },
 };
 </script>
+<style scoped>
+.material-symbols-outlined {
+  font-family: "Material Symbols Outlined";
+  font-weight: normal;
+  font-style: normal;
+  text-align: center;
+  color: #000;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+  -webkit-font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
+}
+</style>
diff --git a/src/store/index.js b/src/store/index.js
@@ -1,5 +1,5 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
+import Vue from "vue";
+import Vuex from "vuex";
 
 Vue.use(Vuex);
 
@@ -12,91 +12,91 @@ export default new Vuex.Store({
     unsub: {},
     userDetails: {},
     generalConfig: {
-      email: '',
-      name: ''
+      email: "",
+      name: "",
     },
-    items: [{
-        text: 'Home',
-        to: '/home',
-        icon: 'mdi-home-outline',
+    items: [
+      {
+        text: "Home",
+        to: "/home",
+        icon: "nest_thermostat_gen_3",
         access: {
           "Super Admin": true,
-          "Admin": true,
-          "Viewer": true
-        }
+          Admin: true,
+          Viewer: true,
+        },
       },
       {
-        text: 'Events',
-        to: '/events',
-        icon: 'mdi-monitor-dashboard',
+        text: "Events",
+        to: "/events",
+        icon: "mountain_flag",
         access: {
           "Super Admin": true,
-          "Admin": true,
-          "Viewer": true
-        }
+          Admin: true,
+          Viewer: true,
+        },
       },
       {
-        text: 'Team',
-        to: '/team',
-        icon: 'mdi-card-account-details-outline',
+        text: "Team",
+        to: "/team",
+        icon: "groups_3",
         access: {
           "Super Admin": true,
-          "Admin": true,
-          "Viewer": true
-        }
+          Admin: true,
+          Viewer: true,
+        },
       },
       {
-        text: 'Speakers',
-        to: '/speakers',
-        icon: 'mdi-account-supervisor-outline',
+        text: "Speakers",
+        to: "/speakers",
+        icon: "interpreter_mode",
         access: {
           "Super Admin": true,
-          "Admin": true,
-          "Viewer": true
-        }
+          Admin: true,
+          Viewer: true,
+        },
       },
       {
-        text: 'Partners',
-        to: '/partners',
-        icon: 'mdi-toaster-oven',
+        text: "Partners",
+        to: "/partners",
+        icon: "partner_exchange",
         access: {
           "Super Admin": true,
-          "Admin": true,
-          "Viewer": true
-        }
+          Admin: true,
+          Viewer: true,
+        },
       },
       {
-        text: 'Mgmt',
-        to: '/roles',
-        icon: 'mdi-account-group-outline',
+        text: "Manage user",
+        to: "/roles",
+        icon: "supervisor_account",
         access: {
           "Super Admin": true,
-          "Admin": false,
-          "Viewer": false
-        }
+          Admin: false,
+          Viewer: false,
+        },
       },
       {
-        text: 'Config',
-        to: '/config',
-        icon: 'mdi-widgets-outline',
+        text: "Config",
+        to: "/config",
+        icon: "tv_options_input_settings",
         access: {
           "Super Admin": true,
-          "Admin": false,
-          "Viewer": false
-        }
+          Admin: false,
+          Viewer: false,
+        },
       },
       {
-        text: 'Profile',
-        to: '/profile',
-        icon: 'mdi-account-circle-outline',
+        text: "Profile",
+        to: "/profile",
+        icon: "manage_accounts",
         access: {
           "Super Admin": true,
-          "Admin": true,
-          "Viewer": true
-        }
-      }
-
-    ]
+          Admin: true,
+          Viewer: true,
+        },
+      },
+    ],
   },
   getters: {
     links: (state) => {
@@ -106,11 +106,11 @@ export default new Vuex.Store({
   mutations: {
     unsub: (state, payload) => (state.unsub = payload),
     setDrawer: (state, payload) => (state.drawer = payload),
-    toggleDrawer: state => (state.drawer = !state.drawer),
+    toggleDrawer: (state) => (state.drawer = !state.drawer),
     roleSet: (state, payload) => (state.role = payload),
     setGeneral: (state, payload) => (state.generalConfig = payload),
-    userDetailsSet: (state, payload) => (state.userDetails = payload)
+    userDetailsSet: (state, payload) => (state.userDetails = payload),
   },
   actions: {},
-  modules: {}
-});
+  modules: {},
+});