🛠️: import missing icon to PairedElementView

galaxyproject · Mar 13, 2024 · 315767e · 315767e
1 parent 33ada62
commit 315767e
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/client/src/components/Collections/PairedElementView.vue b/client/src/components/Collections/PairedElementView.vue
@@ -1,10 +1,15 @@
 <script setup lang="ts">
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { faUnlink } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { onMounted, ref, watch } from "vue";
 
 import localize from "@/utils/localization";
 
 import ClickToEdit from "@/components/Collections/common/ClickToEdit.vue";
 
+library.add(faUnlink);
+
 interface Props {
     // TODO: Define the type of the pair prop
     pair: {
@@ -52,11 +57,13 @@ onMounted(() => {
                 </span>
             </span>
 
-            <span class="reverse-dataset-name flex-column">{{ pair.reverse.name }}</span>
+            <span class="reverse-dataset-name flex-column">
+                {{ pair.reverse.name }}
+            </span>
         </li>
 
         <button class="unpair-btn" @click="unlinkFn">
-            <span class="fa fa-unlink" :title="localize('Unpair')"></span>
+            <FontAwesomeIcon :icon="faUnlink" :title="localize('Unpair')" />
         </button>
     </div>
 </template>