From fe8c485fef15c7e35f2f08538a9fdae5f57c1deb Mon Sep 17 00:00:00 2001
From: Jason Kulatunga <jason@thesparktree.com>
Date: Sun, 21 Jan 2024 10:10:12 -0800
Subject: [PATCH] fix logos with fallback in background jobs and notification
 dropdown.

---
 frontend/src/app/components/header/header.component.html        | 2 +-
 .../app/pages/background-jobs/background-jobs.component.html    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/header/header.component.html b/frontend/src/app/components/header/header.component.html
index 07dfc9be..88fdef63 100644
--- a/frontend/src/app/components/header/header.component.html
+++ b/frontend/src/app/components/header/header.component.html
@@ -43,7 +43,7 @@
           <p class="az-notification-text">Background Jobs & Updates</p>
           <div class="az-notification-list">
             <a *ngFor="let backgroundJob of backgroundJobs" class="media new" routerLink="/background-jobs">
-              <div><img style="max-width:50px;" src="assets/sources/{{backgroundJob.data?.source_type}}.png" alt=""></div>
+              <div><img imageFallback style="max-width:50px;" src="assets/sources/{{backgroundJob.data?.brand_id}}.png" alt=""></div>
               <div class="media-body">
                 <p><strong>{{backgroundJob.data?.source_type}}</strong> added {{backgroundJob.data?.checkpoint_data?.summary?.UpdatedResources?.length}} new records</p>
                 <span>{{backgroundJob.done_time | amDateFormat:'MMM DD hh:mma'}}</span>
diff --git a/frontend/src/app/pages/background-jobs/background-jobs.component.html b/frontend/src/app/pages/background-jobs/background-jobs.component.html
index 851edd09..d5103856 100644
--- a/frontend/src/app/pages/background-jobs/background-jobs.component.html
+++ b/frontend/src/app/pages/background-jobs/background-jobs.component.html
@@ -30,7 +30,7 @@
                     <tbody>
                       <tr *ngFor="let backgroundJob of backgroundJobs" [class.border-left-danger]="backgroundJob.job_status == 'STATUS_FAILED'">
                         <td>
-                          <img style="max-height:30px" [src]="'assets/sources/'+(backgroundJob?.data?.brand_id + '.png')" [alt]="backgroundJob?.data?.brand_id" class="img-fluid">
+                          <img imageFallback style="max-height:30px" [src]="'assets/sources/'+(backgroundJob?.data?.brand_id + '.png')" [alt]="backgroundJob?.data?.brand_id" class="img-fluid">
                         </td>
                         <td>{{backgroundJob.job_type}}</td>
                         <td container="body" [ngbTooltip]="backgroundJob.created_at | amDateFormat:'YYYY-MM-DD HH:mm'">{{backgroundJob.created_at | amDateFormat:'LL'}}</td>