From 59f2e37fe0f13713693aec4cb94324227e155234 Mon Sep 17 00:00:00 2001
From: Jesse Washburn <142361664+jessewashburn@users.noreply.github.com>
Date: Fri, 18 Oct 2024 13:01:33 -0400
Subject: [PATCH 1/3] Update community.component.html

Added default placeholder text for Our Voices section of Communiy
---
 src/app/community/community.component.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/community/community.component.html b/src/app/community/community.component.html
index 4af70052ae..810470737b 100644
--- a/src/app/community/community.component.html
+++ b/src/app/community/community.component.html
@@ -8,7 +8,12 @@ <h3 style="text-align: right; margin-right: 0.5rem;">
               <button mat-stroked-button (click)="openAddMessageDialog()" *ngIf="showNewsButton" i18n>New Voice</button>
             </ng-container>
           </h3>
-          <planet-news-list [items]="news" [shareTarget]="shareTarget" (viewChange)="toggleShowButton($event)" [viewableId]="teamId"></planet-news-list>
+          <ng-container *ngIf="news.length > 0">
+            <planet-news-list [items]="news" [shareTarget]="shareTarget" (viewChange)="toggleShowButton($event)" [viewableId]="teamId"></planet-news-list>
+          </ng-container>
+          <ng-container *ngIf="news.length === 0">
+            <p i18n>No Voices available.</p>
+          </ng-container>
         </mat-tab>
         <mat-tab i18n-label label="Community Leaders">
           <div class="card-grid">

From 07bad5f3dac1bc0c52f58274eea1c6a834e47a30 Mon Sep 17 00:00:00 2001
From: mutugiii <mutugimutuma@gmail.com>
Date: Tue, 22 Oct 2024 14:22:15 +0300
Subject: [PATCH 2/3] Use one conditional

---
 src/app/community/community.component.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/community/community.component.html b/src/app/community/community.component.html
index 810470737b..d25883928d 100644
--- a/src/app/community/community.component.html
+++ b/src/app/community/community.component.html
@@ -8,12 +8,12 @@ <h3 style="text-align: right; margin-right: 0.5rem;">
               <button mat-stroked-button (click)="openAddMessageDialog()" *ngIf="showNewsButton" i18n>New Voice</button>
             </ng-container>
           </h3>
-          <ng-container *ngIf="news.length > 0">
+          <ng-container *ngIf="news.length > 0; else noVoices">
             <planet-news-list [items]="news" [shareTarget]="shareTarget" (viewChange)="toggleShowButton($event)" [viewableId]="teamId"></planet-news-list>
           </ng-container>
-          <ng-container *ngIf="news.length === 0">
+          <ng-template #noVoices>
             <p i18n>No Voices available.</p>
-          </ng-container>
+          </ng-template>
         </mat-tab>
         <mat-tab i18n-label label="Community Leaders">
           <div class="card-grid">

From 3439c407d59902848f181bb9b4931a1e17a45bff Mon Sep 17 00:00:00 2001
From: mutugiii <mutugimutuma@gmail.com>
Date: Tue, 22 Oct 2024 14:38:49 +0300
Subject: [PATCH 3/3] Add optional chaining

---
 src/app/community/community.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/community/community.component.html b/src/app/community/community.component.html
index d25883928d..a35b65241e 100644
--- a/src/app/community/community.component.html
+++ b/src/app/community/community.component.html
@@ -8,7 +8,7 @@ <h3 style="text-align: right; margin-right: 0.5rem;">
               <button mat-stroked-button (click)="openAddMessageDialog()" *ngIf="showNewsButton" i18n>New Voice</button>
             </ng-container>
           </h3>
-          <ng-container *ngIf="news.length > 0; else noVoices">
+          <ng-container *ngIf="news?.length > 0; else noVoices">
             <planet-news-list [items]="news" [shareTarget]="shareTarget" (viewChange)="toggleShowButton($event)" [viewableId]="teamId"></planet-news-list>
           </ng-container>
           <ng-template #noVoices>