From 3184c99647b7097d528a416865fe08e3f28f3149 Mon Sep 17 00:00:00 2001
From: abradat <shn.khorsandi@gmail.com>
Date: Fri, 4 Oct 2024 15:01:47 -0700
Subject: [PATCH] Fix missing "No Data" for NARU existing residences tables
 with 0 length

---
 .../naru-details/naru-details.component.html      |  5 +++++
 .../naru-details/naru-details.component.html      | 15 +++++++++++++++
 .../naru-details/naru-details.component.html      |  5 +++++
 3 files changed, 25 insertions(+)

diff --git a/alcs-frontend/src/app/features/application/applicant-info/application-details/naru-details/naru-details.component.html b/alcs-frontend/src/app/features/application/applicant-info/application-details/naru-details/naru-details.component.html
index c7a9f085a0..47124422a5 100644
--- a/alcs-frontend/src/app/features/application/applicant-info/application-details/naru-details/naru-details.component.html
+++ b/alcs-frontend/src/app/features/application/applicant-info/application-details/naru-details/naru-details.component.html
@@ -107,6 +107,11 @@
       <div class="grid-1 subheading2">Existing Residence</div>
       <div class="grid-2 subheading2">Total Floor Area</div>
       <div class="grid-3 subheading2">Description</div>
+      <ng-container *ngIf="_applicationSubmission.naruExistingResidences?.length === 0">
+        <div>
+          <app-no-data></app-no-data>
+        </div>
+      </ng-container>
       <ng-container *ngFor="let existingResidence of _applicationSubmission.naruExistingResidences; let i = index">
         <div class="grid-1">
           {{ i + 1 }}
diff --git a/portal-frontend/src/app/features/applications/application-details/naru-details/naru-details.component.html b/portal-frontend/src/app/features/applications/application-details/naru-details/naru-details.component.html
index 0c405f1517..2a1f8bb914 100644
--- a/portal-frontend/src/app/features/applications/application-details/naru-details/naru-details.component.html
+++ b/portal-frontend/src/app/features/applications/application-details/naru-details/naru-details.component.html
@@ -143,6 +143,11 @@
       <div class="subheading2">Existing Residence</div>
       <div class="subheading2">Total Floor Area</div>
       <div class="subheading2">Description</div>
+      <ng-container *ngIf="_applicationSubmission.naruExistingResidences?.length === 0">
+        <div>
+          <app-no-data></app-no-data>
+        </div>
+      </ng-container>
       <ng-container *ngFor="let existingResidence of _applicationSubmission.naruExistingResidences; let i = index">
         <div>
           {{ i + 1 }}
@@ -155,6 +160,11 @@
     </div>
     <ng-container *ngIf="isMobile">
       <div class="subheading2 grid-1">Total Floor Area of Existing Residence(s) - If Applicable</div>
+      <ng-container *ngIf="_applicationSubmission.naruExistingResidences?.length === 0">
+        <div>
+          <app-no-data></app-no-data>
+        </div>
+      </ng-container>
       <app-naru-residence-mobile-card
         *ngFor="let existingResidence of _applicationSubmission.naruExistingResidences; let last = last"
         [residence]="existingResidence"
@@ -186,6 +196,11 @@
   </div>
   <ng-container *ngIf="isMobile">
     <div class="subheading2 grid-1">Total Floor Area of Proposed Residence(s)</div>
+    <ng-container *ngIf="_applicationSubmission.naruProposedResidences?.length === 0">
+      <div>
+        <app-no-data [showRequired]="showErrors"></app-no-data>
+      </div>
+    </ng-container>
     <app-naru-residence-mobile-card
       *ngFor="let proposedResidence of _applicationSubmission.naruProposedResidences; let last = last"
       [residence]="proposedResidence"
diff --git a/portal-frontend/src/app/features/public/application/submission/naru-details/naru-details.component.html b/portal-frontend/src/app/features/public/application/submission/naru-details/naru-details.component.html
index 85fb9ba4e0..ff9fb73e46 100644
--- a/portal-frontend/src/app/features/public/application/submission/naru-details/naru-details.component.html
+++ b/portal-frontend/src/app/features/public/application/submission/naru-details/naru-details.component.html
@@ -131,6 +131,11 @@
       <div class="subheading2">Existing Residence</div>
       <div class="subheading2">Total Floor Area</div>
       <div class="subheading2">Description</div>
+      <ng-container *ngIf="applicationSubmission.naruExistingResidences?.length === 0">
+        <div>
+          <app-no-data></app-no-data>
+        </div>
+      </ng-container>
       <ng-container *ngFor="let existingResidence of applicationSubmission.naruExistingResidences; let i = index">
         <div>
           {{ i + 1 }}