From bf2f23021f6c3eb5d6d466f50f5587bd38051bc4 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Mon, 24 Mar 2025 19:29:01 -0600
Subject: [PATCH] change 'fa' to 'font-awesome'

---
 src/components/ActivityListItem.vue | 10 +++++-----
 src/views/HomeView.vue              |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/ActivityListItem.vue b/src/components/ActivityListItem.vue
index 43dbfdb..767ce0c 100644
--- a/src/components/ActivityListItem.vue
+++ b/src/components/ActivityListItem.vue
@@ -83,7 +83,7 @@
               </template>
               <!-- Unknown Person -->
               <template v-else>
-                <fa
+                <font-awesome
                   icon="person-circle-question"
                   class="text-slate-300 text-[3rem] sm:text-[4rem]"
                 />
@@ -91,7 +91,7 @@
             </template>
           </div>
           <div class="text-xs mt-2 line-clamp-3 sm:line-clamp-2">
-            <fa
+            <font-awesome
               :icon="record.providerPlanName ? 'building' : 'user'"
               class="fa-fw text-slate-400"
             />
@@ -152,7 +152,7 @@
               </template>
               <!-- Unknown Person -->
               <template v-else>
-                <fa
+                <font-awesome
                   icon="person-circle-question"
                   class="text-slate-300 text-[3rem] sm:text-[4rem]"
                 />
@@ -160,7 +160,7 @@
             </template>
           </div>
           <div class="text-xs mt-2 line-clamp-3 sm:line-clamp-2">
-            <fa
+            <font-awesome
               :icon="record.recipientProjectName ? 'building' : 'user'"
               class="fa-fw text-slate-400"
             />
@@ -182,7 +182,7 @@
       class="flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 sm:px-4 py-1 sm:py-2"
     >
       <a class="cursor-pointer" @click="$emit('loadClaim', record.jwtId)">
-        <fa icon="circle-info" class="fa-fw text-slate-500" />
+        <font-awesome icon="circle-info" class="fa-fw text-slate-500" />
       </a>
     </div>
   </li>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 57a3e64..6f89968 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -196,14 +196,14 @@
             class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md text-xs text-white"
             @click="openFeedFilters()"
           >
-            <fa icon="filter" class="fa-fw" />
+            <font-awesome icon="filter" class="fa-fw" />
           </button>
           <button
             v-else
             class="bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md text-xs text-white"
             @click="openFeedFilters()"
           >
-            <fa icon="filter" class="fa-fw" />
+            <font-awesome icon="filter" class="fa-fw" />
           </button>
         </h2>
       </div>