From 8e15ada16454ad4a436cbe5acb35c9c49b954d03 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Fri, 19 Jan 2024 19:55:51 +0530
Subject: [PATCH] fix: TypeError: Cannot read properties of undefined (reading
 'emoji') (#8747)

---
 .../dashboard/components/widgets/forms/PhoneInput.vue      | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/forms/PhoneInput.vue b/app/javascript/dashboard/components/widgets/forms/PhoneInput.vue
index 430a1ccb5..6aa560ade 100644
--- a/app/javascript/dashboard/components/widgets/forms/PhoneInput.vue
+++ b/app/javascript/dashboard/components/widgets/forms/PhoneInput.vue
@@ -5,8 +5,8 @@
         class="cursor-pointer py-2 pr-1.5 pl-2 rounded-tl-md rounded-bl-md flex items-center justify-center gap-1.5 bg-slate-25 dark:bg-slate-700 h-10 w-14"
         @click="toggleCountryDropdown"
       >
-        <h5 v-if="activeCountry.emoji" class="mb-0">
-          {{ activeCountry.emoji }}
+        <h5 v-if="activeCountryEmoji" class="mb-0">
+          {{ activeCountryEmoji }}
         </h5>
         <fluent-icon v-else icon="globe" class="fluent-icon" size="16" />
         <fluent-icon icon="chevron-down" class="fluent-icon" size="12" />
@@ -144,6 +144,9 @@ export default {
       }
       return '';
     },
+    activeCountryEmoji() {
+      return this.activeCountry?.emoji || '';
+    },
   },
   watch: {
     value() {