From 88d7c2c1702f582c6818a126fdf25e97c1a96c80 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 29 Feb 2024 14:32:08 +0530
Subject: [PATCH] fix: made organization a data field in new lead modal and
 added placeholder in all field in new lead & new deal modal

---
 frontend/src/components/NewDeal.vue | 15 ++++++++++++---
 frontend/src/components/NewLead.vue | 24 +++++++++++++-----------
 2 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/NewDeal.vue b/frontend/src/components/NewDeal.vue
index b0c1db70..7087bdcb 100644
--- a/frontend/src/components/NewDeal.vue
+++ b/frontend/src/components/NewDeal.vue
@@ -49,7 +49,12 @@
               </Tooltip>
             </template>
           </Link>
-          <FormControl v-else type="text" v-model="newDeal[field.name]" />
+          <FormControl
+            v-else
+            type="text"
+            :placeholder="field.placeholder"
+            v-model="newDeal[field.name]"
+          />
         </div>
       </div>
     </div>
@@ -97,28 +102,32 @@ const allFields = computed(() => {
           name: 'salutation',
           type: 'link',
           doctype: 'Salutation',
-          placeholder: 'Salutation',
+          placeholder: 'Mr.',
           change: (data) => (props.newDeal.salutation = data),
         },
         {
           label: 'First Name',
           name: 'first_name',
           type: 'data',
+          placeholder: 'John',
         },
         {
           label: 'Last Name',
           name: 'last_name',
           type: 'data',
+          placeholder: 'Doe',
         },
         {
           label: 'Email',
           name: 'email',
           type: 'data',
+          placeholder: 'john@doe.com',
         },
         {
           label: 'Mobile No',
           name: 'mobile_no',
           type: 'data',
+          placeholder: '+91 1234567890',
         },
       ],
     },
@@ -129,7 +138,7 @@ const allFields = computed(() => {
           label: 'Organization',
           name: 'organization',
           type: 'link',
-          placeholder: 'Organization',
+          placeholder: 'Frappé Technologies',
           doctype: 'CRM Organization',
           change: (data) => (props.newDeal.organization = data),
           create: (value, close) => {
diff --git a/frontend/src/components/NewLead.vue b/frontend/src/components/NewLead.vue
index 8aab2d6c..6baee351 100644
--- a/frontend/src/components/NewLead.vue
+++ b/frontend/src/components/NewLead.vue
@@ -49,7 +49,12 @@
               </Tooltip>
             </template>
           </Link>
-          <FormControl v-else type="text" v-model="newLead[field.name]" />
+          <FormControl
+            v-else
+            type="text"
+            :placeholder="field.placeholder"
+            v-model="newLead[field.name]"
+          />
         </div>
       </div>
     </div>
@@ -96,7 +101,7 @@ const allFields = computed(() => {
           label: 'Salutation',
           name: 'salutation',
           type: 'link',
-          placeholder: 'Salutation',
+          placeholder: 'Mr.',
           doctype: 'Salutation',
           change: (data) => (props.newLead.salutation = data),
         },
@@ -104,21 +109,25 @@ const allFields = computed(() => {
           label: 'First Name',
           name: 'first_name',
           type: 'data',
+          placeholder: 'John',
         },
         {
           label: 'Last Name',
           name: 'last_name',
           type: 'data',
+          placeholder: 'Doe',
         },
         {
           label: 'Email',
           name: 'email',
           type: 'data',
+          placeholder: 'john@doe.com',
         },
         {
           label: 'Mobile No',
           name: 'mobile_no',
           type: 'data',
+          placeholder: '+91 9876543210',
         },
       ],
     },
@@ -128,15 +137,8 @@ const allFields = computed(() => {
         {
           label: 'Organization',
           name: 'organization',
-          type: 'link',
-          placeholder: 'Organization',
-          doctype: 'CRM Organization',
-          change: (data) => (props.newLead.organization = data),
-          create: (value, close) => {
-            _organization.value.organization_name = value
-            showOrganizationModal.value = true
-            close()
-          },
+          type: 'data',
+          placeholder: 'Frappé Technologies',
         },
         {
           label: 'Status',