Merge pull request #165 from shariquerik/lead-deal-creation-bug

fix: Bug while creating Lead

frontend/src/components/Modals/DealModal.vue

@@ -207,7 +207,7 @@ const sections = computed(() => {
         label: 'Status',
         name: 'status',
         type: 'select',
-        options: statusOptions('deal'),
+        options: dealStatuses.value,
         prefix: getDealStatus(deal.status).iconColorClass,
       },
       {
@@ -222,6 +222,14 @@ const sections = computed(() => {
   return fields
 })
 
+const dealStatuses = computed(() => {
+  let statuses = statusOptions('deal')
+  if (!deal.status) {
+    deal.status = statuses[0].value
+  }
+  return statuses
+})
+
 function createDeal() {
   createResource({
     url: 'crm.fcrm.doctype.crm_deal.crm_deal.create_deal',

frontend/src/components/Modals/LeadModal.vue

@@ -12,7 +12,12 @@
     </template>
     <template #actions>
       <div class="flex flex-row-reverse gap-2">
-        <Button variant="solid" :label="__('Save')" @click="createNewLead" />
+        <Button
+          variant="solid"
+          :label="__('Create')"
+          :loading="isLeadCreating"
+          @click="createNewLead"
+        />
       </div>
     </template>
   </Dialog>
@@ -158,7 +163,7 @@ const sections = computed(() => {
           label: 'Status',
           name: 'status',
           type: 'select',
-          options: statusOptions('lead'),
+          options: leadStatuses.value,
           prefix: getLeadStatus(lead.status).iconColorClass,
         },
         {
@@ -185,6 +190,14 @@ const createLead = createResource({
   },
 })
 
+const leadStatuses = computed(() => {
+  let statuses = statusOptions('lead')
+  if (!lead.status) {
+    lead.status = statuses[0].value
+  }
+  return statuses
+})
+
 function createNewLead() {
   createLead.submit(lead, {
     validate() {

frontend/src/stores/statuses.js

@@ -97,6 +97,7 @@ export const statusesStore = defineStore('crm-statuses', () => {
     for (const status in statusesByName) {
       options.push({
         label: statusesByName[status].name,
+        value: statusesByName[status].name,
         icon: () =>
           h(IndicatorIcon, {
             class: statusesByName[status].iconColorClass,