From 708a0e9499d6c23b6941cf83b2e1621ee3b521d9 Mon Sep 17 00:00:00 2001
From: Ramveer <ramvr1256@gmail.com>
Date: Thu, 23 Jun 2022 16:57:12 +0530
Subject: [PATCH] fix: loan tranche plus button/field fixed (#1445)

---
 .../loans-account-terms-step.component.html           | 11 +++++++----
 .../loans-account-terms-step.component.ts             |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.html b/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.html
index e314e704e..2788200b7 100644
--- a/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.html
+++ b/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.html
@@ -332,6 +332,12 @@
         <mat-label>Maximum allowed outstanding balance</mat-label>
         <input matInput required formControlName="loanTermFrequency">
       </mat-form-field>
+      <span fxFlex>
+        <button type="button" mat-icon-button color="primary" (click)="addDisbursementDataEntry(disbursementData)">
+          <fa-icon icon="plus-circle" size="lg"></fa-icon>
+        </button>
+      </span>
+
       <div fxFlexFill fxLayout="row wrap" fxLayout.lt-md="column" formArrayName="disbursementData"
           *ngFor="let item of disbursementData.controls; let i = index;">
 
@@ -357,12 +363,9 @@
             </mat-form-field>
 
             <span fxFlex>
-              <button *ngIf="i !== 0" type="button" mat-icon-button (click)="removeDisbursementDataEntry(disbursementData, i)">
+              <button type="button" mat-icon-button (click)="removeDisbursementDataEntry(disbursementData, i)">
                 <fa-icon icon="minus-circle" size="lg"></fa-icon>
               </button>
-              <button *ngIf="i === 0" type="button" mat-icon-button color="primary" (click)="addDisbursementDataEntry(disbursementData)">
-                <fa-icon icon="plus-circle" size="lg"></fa-icon>
-              </button>
             </span>
 
           </div>
diff --git a/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts b/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts
index 3cc57656e..aa09c912d 100644
--- a/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts
+++ b/src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts
@@ -134,7 +134,7 @@ export class LoansAccountTermsStepComponent implements OnInit, OnChanges {
       'numberOfRepayments': ['', Validators.required],
       'repaymentEvery': ['', Validators.required],
       'repaymentFrequencyType': ['', Validators.required],
-      'disbursementData': this.formBuilder.array([this.createDisbursementDataForm()]),
+      'disbursementData': this.formBuilder.array([]),
       'repaymentFrequencyNthDayType': [''],
       'repaymentFrequencyDayOfWeekType': [''],
       'repaymentsStartingFromDate': [''],