From 3ffe2e30ca8c1603e455c67a4d0ea4835fa96b61 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 28 Oct 2024 20:24:41 +0530
Subject: [PATCH] fix: contact side panel layout editor

---
 frontend/src/components/Settings/SidePanelModal.vue | 2 +-
 frontend/src/pages/Contact.vue                      | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Settings/SidePanelModal.vue b/frontend/src/components/Settings/SidePanelModal.vue
index 185b2545..12ab1408 100644
--- a/frontend/src/components/Settings/SidePanelModal.vue
+++ b/frontend/src/components/Settings/SidePanelModal.vue
@@ -20,7 +20,7 @@
             type="select"
             class="w-1/4"
             v-model="_doctype"
-            :options="['CRM Lead', 'CRM Deal']"
+            :options="['CRM Lead', 'CRM Deal', 'Contact']"
             @change="reload"
           />
           <Switch
diff --git a/frontend/src/pages/Contact.vue b/frontend/src/pages/Contact.vue
index 8e9d7946..05f6018f 100644
--- a/frontend/src/pages/Contact.vue
+++ b/frontend/src/pages/Contact.vue
@@ -265,6 +265,12 @@
       </template>
     </Tabs>
   </div>
+  <SidePanelModal
+    v-if="showSidePanelModal"
+    v-model="showSidePanelModal"
+    doctype="Contact"
+    @reload="() => fieldsLayout.reload()"
+  />
   <ContactModal
     v-model="showContactModal"
     v-model:quickEntry="showQuickEntryModal"
@@ -290,6 +296,7 @@ import EditIcon from '@/components/Icons/EditIcon.vue'
 import CameraIcon from '@/components/Icons/CameraIcon.vue'
 import DealsIcon from '@/components/Icons/DealsIcon.vue'
 import DealsListView from '@/components/ListViews/DealsListView.vue'
+import SidePanelModal from '@/components/Settings/SidePanelModal.vue'
 import ContactModal from '@/components/Modals/ContactModal.vue'
 import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
 import {
@@ -333,6 +340,7 @@ const props = defineProps({
 const route = useRoute()
 const router = useRouter()
 
+const showSidePanelModal = ref(false)
 const showContactModal = ref(false)
 const showQuickEntryModal = ref(false)
 const detailMode = ref(false)