add faTimes icon to Hide button in multiview

This commit is contained in:
Ahmed Awan
2024-07-25 11:06:57 -05:00
parent 7aadb71991
commit dea3daf005
@@ -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>