ZCU-PUB/bg-color bootstrap error

Author: milanmajchrak

src/themes/custom/app/home-page/top-level-community-list/top-level-community-list.component.html

@@ -2,13 +2,13 @@
   <div *ngIf="communitiesRD?.hasSucceeded ">
     <div class="row" *ngVar="(communitiesRedirect | async) as communities">
       <div class="col-md-4 custom-col-md-4 jumbotron d-flex align-items-center justify-content-center"
-           [ngStyle]="{'backgroundColor': community.bgColor}"
+           [ngStyle]="{'backgroundColor': community?.bgColor}"
            *ngFor="let community of communities">
-        <a [routerLink]="getCommunityPageRoute(community.uuid)"
+        <a [routerLink]="getCommunityPageRoute(community?.uuid)"
            class="align-text-bottom text-decoration-none"
-           [ngStyle]="{'color': community.textColor}">
+           [ngStyle]="{'color': community?.textColor}">
           <div class="main-topics text-center">
-            <h1>{{community.name | uppercase}}</h1>
+            <h1>{{community?.name | uppercase}}</h1>
           </div>
         </a>
       </div>