From d37db923a3a1821aab236b74256d86fa1bcf5e6d Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 13 Mar 2024 12:52:12 +0530
Subject: [PATCH] fix: do not reload contact when new contact is created

---
 .../src/components/Modals/ContactModal.vue    | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/Modals/ContactModal.vue b/frontend/src/components/Modals/ContactModal.vue
index 3cf323b7..a2b36dd0 100644
--- a/frontend/src/components/Modals/ContactModal.vue
+++ b/frontend/src/components/Modals/ContactModal.vue
@@ -236,7 +236,7 @@ async function callInsertDoc() {
 }
 
 function handleContactUpdate(doc) {
-  props.contact.reload()
+  props.contact?.reload?.()
   if (doc.name && props.options.redirect) {
     router.push({
       name: 'Contact',
@@ -343,7 +343,7 @@ const sections = computed(() => {
       fields: [
         {
           label: 'Email',
-          type: props.contact.data.name ? 'dropdown' : 'data',
+          type: props.contact?.data?.name ? 'dropdown' : 'data',
           name: 'email_id',
           options:
             props.contact.data?.email_ids?.map((email) => {
@@ -364,9 +364,10 @@ const sections = computed(() => {
                   }
                 },
                 onDelete: (option, isNew) => {
-                  props.contact.data.email_ids = props.contact.data.email_ids.filter(
-                    (email) => email.name !== option.name
-                  )
+                  props.contact.data.email_ids =
+                    props.contact.data.email_ids.filter(
+                      (email) => email.name !== option.name
+                    )
                   !isNew && deleteOption('Contact Email', option.name)
                 },
               }
@@ -386,7 +387,7 @@ const sections = computed(() => {
       fields: [
         {
           label: 'Mobile No.',
-          type: props.contact.data.name ? 'dropdown' : 'data',
+          type: props.contact?.data?.name ? 'dropdown' : 'data',
           name: 'actual_mobile_no',
           options:
             props.contact.data?.phone_nos?.map((phone) => {
@@ -408,9 +409,10 @@ const sections = computed(() => {
                   }
                 },
                 onDelete: (option, isNew) => {
-                  props.contact.data.phone_nos = props.contact.data.phone_nos.filter(
-                    (phone) => phone.name !== option.name
-                  )
+                  props.contact.data.phone_nos =
+                    props.contact.data.phone_nos.filter(
+                      (phone) => phone.name !== option.name
+                    )
                   !isNew && deleteOption('Contact Phone', option.name)
                 },
               }