Use a grey placeholder if Featured Topic/Innovation images fail (#728)

Co-authored-by: Camille Villa <[email protected]>
department-of-veterans-affairs · Oct 26, 2023 · 4ddbe04 · 4ddbe04
1 parent 68d00a0
commit 4ddbe04
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/app/views/home/_featured_section.html.erb b/app/views/home/_featured_section.html.erb
@@ -6,7 +6,10 @@
         <img
           class="display-block"
           src="<%= image_source %>"
-          alt="<%= image_alt_text %>"/>
+          alt="<%= image_alt_text %>"
+          onerror="this.classList.add('display-none');
+          this.parentNode.parentNode.classList.add('bg-base-lightest');"
+        />
       </a>
     </div>
     <div class="display-none desktop:display-block desktop:grid-col-1"></div>