From 977092f9b3b10e4c04fc06ec1c9ba8fdd49df6e1 Mon Sep 17 00:00:00 2001
From: Ahmed Awan <qe66653@umbc.edu>
Date: Tue, 30 Apr 2024 09:54:58 -0500
Subject: [PATCH] fix trailing `>` in `Heading`

---
 client/src/components/Common/Heading.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/client/src/components/Common/Heading.vue b/client/src/components/Common/Heading.vue
index 71719899933a..d9fb62a728f7 100644
--- a/client/src/components/Common/Heading.vue
+++ b/client/src/components/Common/Heading.vue
@@ -2,6 +2,7 @@
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { faAngleDoubleDown, faAngleDoubleUp } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import { BButton } from "bootstrap-vue";
 import { computed } from "vue";
 
 library.add(faAngleDoubleDown, faAngleDoubleUp);
@@ -54,10 +55,10 @@ const element = computed(() => {
 
 <template>
     <div v-if="props.separator" class="separator heading">
-        <b-button v-if="collapsible" variant="link" size="sm" @click="$emit('click')">
+        <BButton v-if="collapsible" variant="link" size="sm" @click="$emit('click')">
             <FontAwesomeIcon v-if="collapsed" fixed-width :icon="faAngleDoubleDown" />
             <FontAwesomeIcon v-else fixed-width :icon="faAngleDoubleUp" />
-        </b-button>
+        </BButton>
         <div v-else class="stripe"></div>
         <component
             :is="element"
@@ -66,7 +67,7 @@ const element = computed(() => {
                 props.bold ? 'font-weight-bold' : '',
                 collapsible ? 'collapsible' : '',
                 props.truncate ? 'truncate' : '',
-            ]">
+            ]"
             @click="$emit('click')">
             <slot />
         </component>
@@ -83,10 +84,10 @@ const element = computed(() => {
             collapsible ? 'collapsible' : '',
         ]"
         @click="$emit('click')">
-        <b-button v-if="collapsible" variant="link" size="sm">
-            <icon v-if="collapsed" fixed-width icon="angle-double-down" />
-            <icon v-else fixed-width icon="angle-double-up" />
-        </b-button>
+        <BButton v-if="collapsible" variant="link" size="sm">
+            <FontAwesomeIcon v-if="collapsed" fixed-width :icon="faAngleDoubleDown" />
+            <FontAwesomeIcon v-else fixed-width :icon="faAngleDoubleUp" />
+        </BButton>
         <FontAwesomeIcon v-if="props.icon" :icon="props.icon" />
         <slot />
     </component>