From 40f28ed632fa781b789c7b9a1f69dc0a87a15629 Mon Sep 17 00:00:00 2001
From: Marcus Virginia <marcusvirg345@gmail.com>
Date: Sun, 17 Dec 2023 17:03:21 -0600
Subject: [PATCH] chore: add import contacts to nav actions

---
 .../src/common/components/NavActions.svelte         |  4 ++--
 .../connection/pages/ConnectionListPage.svelte      | 13 ++-----------
 .../src/modules/invite/services/contactProviders.ts |  2 +-
 3 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/apps/resplice/src/common/components/NavActions.svelte b/apps/resplice/src/common/components/NavActions.svelte
index c0dd336..37a4f1f 100644
--- a/apps/resplice/src/common/components/NavActions.svelte
+++ b/apps/resplice/src/common/components/NavActions.svelte
@@ -61,7 +61,7 @@
 				class="bg-white rounded-xl p-8 flex flex-col items-start space-y-4"
 				style="will-change: transform; transform: translateY({$translateY}px) scale({$scale})"
 			>
-				<!-- <button
+				<button
 					class="flex items-center space-x-2 focus:ring-4 focus:ring-green-200 focus:outline-none rounded-lg w-full"
 					on:click={() => push('/invite/contacts')}
 				>
@@ -69,7 +69,7 @@
 						<PeopleIcon width={24} height={24} />
 					</div>
 					<p>Import Contacts</p>
-				</button> -->
+				</button>
 				<!-- <button
 					class="flex items-center space-x-2 focus:ring-4 focus:ring-green-200 focus:outline-none rounded-lg w-full"
 					on:click={() => push('/invite/create/handle')}
diff --git a/apps/resplice/src/modules/connection/pages/ConnectionListPage.svelte b/apps/resplice/src/modules/connection/pages/ConnectionListPage.svelte
index a090049..f35a9d7 100644
--- a/apps/resplice/src/modules/connection/pages/ConnectionListPage.svelte
+++ b/apps/resplice/src/modules/connection/pages/ConnectionListPage.svelte
@@ -6,8 +6,7 @@
 		ConnectionEmptyIcon,
 		CameraIcon,
 		QRCodeIcon,
-		// PeopleIcon,
-		PersonAddIcon
+		PeopleIcon
 	} from '@resplice/components'
 	import connectionStore from '$modules/connection/connection.store'
 	import inviteStores from '$modules/invite/invite.store'
@@ -60,21 +59,13 @@
 					<p class="text-center px-8 py-2">
 						You can invite others to Resplice even if they don't have an account!
 					</p>
-					<!-- <Button
+					<Button
 						color="brand-light"
 						class="flex items-center justify-center w-56"
 						on:click={() => push('/invite/contacts')}
 					>
 						<PeopleIcon width={24} height={24} />
 						<span class="ml-2">Import Contacts</span>
-					</Button> -->
-					<Button
-						color="brand-light"
-						class="flex items-center justify-center w-56"
-						on:click={() => push('/invite/create/phone')}
-					>
-						<PersonAddIcon width={24} height={24} />
-						<span class="ml-2">Invite via Phone</span>
 					</Button>
 				</div>
 
diff --git a/apps/resplice/src/modules/invite/services/contactProviders.ts b/apps/resplice/src/modules/invite/services/contactProviders.ts
index 549ce59..ebb50dd 100644
--- a/apps/resplice/src/modules/invite/services/contactProviders.ts
+++ b/apps/resplice/src/modules/invite/services/contactProviders.ts
@@ -108,7 +108,7 @@ export async function getNativeContacts(): Promise<ProviderContact[]> {
 		return {
 			id: idx.toString(),
 			name: c.name[0],
-			avatar: c.icon ? c.icon[0] || '' : '',
+			avatar: c.icon ? URL.createObjectURL(c.icon[0]) || '' : '',
 			attributes: attributes
 		}
 	})