From 506494673610a445951986d2f33b922697e0febd Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 6 Oct 2020 18:05:43 +0000
Subject: [PATCH]

---
 ayanova/devdocs/todo.txt       |  2 ++
 ayanova/src/plugins/vuetify.js | 18 +++++++++++++-----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index aa99ea71..0f6945e4 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -31,6 +31,8 @@ todo: chrome "Lighthouse" test against devops and implement recommendations
 ### SMALL QUICK ITEMS #####
 todo: change logos from png to webp
 	check if webp is supported e2e and on report
+todo: login page seems to fetch both logos even though only one is visible
+	maybe there is a v-show instead of a v-if or something?
 
 todo: known issues has some efficiency settings for themes and good stuff to know, check it: https://github.com/vuetifyjs/vuetify/releases/tag/v2.3.0#user-content-known-issues
 todo: new logos too small on large login, add a 3rd (large) size of logo to login form for xl size display
diff --git a/ayanova/src/plugins/vuetify.js b/ayanova/src/plugins/vuetify.js
index 8fad8c8b..17f96e52 100644
--- a/ayanova/src/plugins/vuetify.js
+++ b/ayanova/src/plugins/vuetify.js
@@ -138,6 +138,7 @@ import {
   faTags,
   faThList,
   faTicketAlt,
+  faTimesCircle,
   faToolbox,
   faTools,
   faTrashAlt,
@@ -278,6 +279,7 @@ library.add(
   faTags,
   faThList,
   faTicketAlt,
+  faTimesCircle,
   faToolbox,
   faTools,
   faTrashAlt,
@@ -911,31 +913,31 @@ const CUSTOM_ICONS = {
   ayiSort: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["far", "sort"]
+      icon: ["fas", "sort"]
     }
   },
   ayiSortAmountDown: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["far", "sort-amount-down"]
+      icon: ["fas", "sort-amount-down"]
     }
   },
   ayiSortAmountUp: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["far", "sort-amount-up"]
+      icon: ["fas", "sort-amount-up"]
     }
   },
   ayiSplotch: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["far", "splotch"]
+      icon: ["fas", "splotch"]
     }
   },
   ayiStamp: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["far", "stamp"]
+      icon: ["fas", "stamp"]
     }
   },
   ayiSquare: {
@@ -1084,6 +1086,12 @@ const CUSTOM_ICONS = {
   },
   //VUETIFY REQUIRED ONES
   //https://vuetifyjs.com/en/features/icons/#using-custom-icons
+  clear: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "times-circle"]
+    }
+  },
   dropdown: {
     component: FontAwesomeIcon,
     props: {