ayanova/src/plugins/vuetify.js

@@ -13,6 +13,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 Vue.component("font-awesome-icon", FontAwesomeIcon); // Register component globally
 import {
   faBars,
+  faBell,
   faCaretDown,
   faChevronDown,
   faEllipsisV,
@@ -22,13 +23,15 @@ import {
   faUser,
   faKey,
   faQuestionCircle,
-  faSignInAlt
+  faSignInAlt,
+  faSignOutAlt
 } from "@fortawesome/free-solid-svg-icons";
 //import { faUserCircle as farUserCircle } from "@fortawesome/free-regular-svg-icons";
 Vue.component("font-awesome-icon", FontAwesomeIcon);
 
 library.add(
   faBars,
+  faBell,
   faCaretDown,
   faChevronDown,
   faEllipsisV,
@@ -38,14 +41,15 @@ library.add(
   faKey,
   faQuestionCircle,
   faSignInAlt,
+  faSignOutAlt,
   faUser
 );
 
 const CUSTOM_ICONS = {
-  ayiQuestionCircle: {
+  ayiBell: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["fas", "question-circle"]
+      icon: ["fas", "bell"]
     }
   },
   ayiEye: {
@@ -72,12 +76,24 @@ const CUSTOM_ICONS = {
       icon: ["fas", "key"]
     }
   },
+  ayiQuestionCircle: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "question-circle"]
+    }
+  },
   ayiSignIn: {
     component: FontAwesomeIcon,
     props: {
       icon: ["fas", "sign-in-alt"]
     }
   },
+  ayiSignOut: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "sign-out-alt"]
+    }
+  },
   ayiUser: {
     component: FontAwesomeIcon,
     props: {