From 42055a2d6624ce568248cf96a186ee83b40f5a85 Mon Sep 17 00:00:00 2001
From: Matthew Raymer <mraymer@osinetwork.net>
Date: Tue, 25 Feb 2025 09:58:31 +0000
Subject: [PATCH] fix: update component and import paths

Changes:
- Update font-awesome component closing tag to match naming
- Change @capacitor/app import to use local wrapper
- Fix component self-closing tags in ContactScanView.vue

This improves consistency in component usage and centralizes
capacitor imports through our wrapper layer.
---
 src/lib/capacitor/app.ts         | 9 +++++++++
 src/main.capacitor.ts            | 2 +-
 src/views/ConfirmContactView.vue | 4 ++--
 src/views/ContactAmountsView.vue | 4 ++--
 src/views/ContactGiftingView.vue | 4 ++--
 src/views/ContactScanView.vue    | 4 ++--
 6 files changed, 18 insertions(+), 9 deletions(-)
 create mode 100644 src/lib/capacitor/app.ts

diff --git a/src/lib/capacitor/app.ts b/src/lib/capacitor/app.ts
new file mode 100644
index 000000000..72f7098f7
--- /dev/null
+++ b/src/lib/capacitor/app.ts
@@ -0,0 +1,9 @@
+// Import from node_modules using relative path
+import { App as CapacitorApp } from '../../../node_modules/@capacitor/app';
+
+// Re-export the App interface with our own wrapper
+export const App = {
+  addListener: (eventName: string, listenerFunc: (data: any) => void) => {
+    return CapacitorApp.addListener(eventName, listenerFunc);
+  }
+}; 
\ No newline at end of file
diff --git a/src/main.capacitor.ts b/src/main.capacitor.ts
index 3dcfd6ed0..4f818b174 100644
--- a/src/main.capacitor.ts
+++ b/src/main.capacitor.ts
@@ -45,7 +45,7 @@
  */
 
 import { initializeApp } from "./main.common";
-import { App } from "@capacitor/app";
+import { App } from "./lib/capacitor/app";
 import router from "./router";
 import { handleApiError } from "./services/api";
 import { AxiosError } from "axios";
diff --git a/src/views/ConfirmContactView.vue b/src/views/ConfirmContactView.vue
index eea5f1c3b..942928e48 100644
--- a/src/views/ConfirmContactView.vue
+++ b/src/views/ConfirmContactView.vue
@@ -8,8 +8,8 @@
         <router-link
           :to="{ name: 'account' }"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><font-awesome icon="chevron-left" class="fa-fw"></fa
-        ></router-link>
+          ><font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
+        </router-link>
 
         Confirm Contact
       </h1>
diff --git a/src/views/ContactAmountsView.vue b/src/views/ContactAmountsView.vue
index 9ab8cc86b..cf43529b0 100644
--- a/src/views/ContactAmountsView.vue
+++ b/src/views/ContactAmountsView.vue
@@ -11,8 +11,8 @@
         <router-link
           :to="{ name: 'contacts' }"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><font-awesome icon="chevron-left" class="fa-fw"></fa
-        ></router-link>
+          ><font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
+        </router-link>
       </h1>
 
       <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4">
diff --git a/src/views/ContactGiftingView.vue b/src/views/ContactGiftingView.vue
index 3d1f42a8b..a8f36763f 100644
--- a/src/views/ContactGiftingView.vue
+++ b/src/views/ContactGiftingView.vue
@@ -9,8 +9,8 @@
         <router-link
           :to="{ name: 'home' }"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><font-awesome icon="chevron-left" class="fa-fw"></fa
-        ></router-link>
+          ><font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
+        </router-link>
         Given by...
       </h1>
     </div>
diff --git a/src/views/ContactScanView.vue b/src/views/ContactScanView.vue
index e4fd2cd19..7e6ba7f86 100644
--- a/src/views/ContactScanView.vue
+++ b/src/views/ContactScanView.vue
@@ -7,8 +7,8 @@
         <router-link
           :to="{ name: 'account' }"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><font-awesome icon="chevron-left" class="fa-fw"></fa
-        ></router-link>
+          ><font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
+        </router-link>
 
         Scan Contact
       </h1>