From 99f3f158615f04b3829b6b75da6fe87d5acf36b0 Mon Sep 17 00:00:00 2001
From: Ahmed Awan <qe66653@umbc.edu>
Date: Thu, 30 May 2024 12:45:30 -0500
Subject: [PATCH] add `faTimes` icon to `Hide` button in multiview

---
 client/src/components/History/Multiple/MultipleViewItem.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/client/src/components/History/Multiple/MultipleViewItem.vue b/client/src/components/History/Multiple/MultipleViewItem.vue
index 87b6c41458eb..34e1959650d8 100644
--- a/client/src/components/History/Multiple/MultipleViewItem.vue
+++ b/client/src/components/History/Multiple/MultipleViewItem.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { faTimes } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BButton } from "bootstrap-vue";
 import { storeToRefs } from "pinia";
 import { computed, ref } from "vue";
@@ -11,6 +14,8 @@ import CollectionPanel from "@/components/History/CurrentCollection/CollectionPa
 import HistoryPanel from "@/components/History/CurrentHistory/HistoryPanel.vue";
 import LoadingSpan from "@/components/LoadingSpan.vue";
 
+library.add(faTimes);
+
 interface Props {
     source: {
         id: string;
@@ -62,6 +67,7 @@ function onViewCollection(collection: object) {
                     variant="outline-danger"
                     title="Hide this history from the list"
                     @click="historyStore.unpinHistories([source.id])">
+                    <FontAwesomeIcon :icon="faTimes" />
                     Hide
                 </BButton>
             </div>