From fd4376d062d2831839598a7858b25c249ec4b814 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Mon, 22 Jan 2024 12:06:59 +0530
Subject: [PATCH] fix: TypeError: Cannot read properties of undefined (reading
 'emoji') (#8753)

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

diff --git a/app/javascript/dashboard/components/widgets/forms/PhoneInput.vue b/app/javascript/dashboard/components/widgets/forms/PhoneInput.vue
index 6aa560ade..d4fb3c2e7 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="activeCountryEmoji" class="mb-0">
-          {{ activeCountryEmoji }}
+        <h5 v-if="activeCountry" class="mb-0">
+          {{ activeCountry.emoji }}
         </h5>
         <fluent-icon v-else icon="globe" class="fluent-icon" size="16" />
         <fluent-icon icon="chevron-down" class="fluent-icon" size="12" />
@@ -144,9 +144,6 @@ export default {
       }
       return '';
     },
-    activeCountryEmoji() {
-      return this.activeCountry?.emoji || '';
-    },
   },
   watch: {
     value() {