From c3ada54022eb25cbff348e57302cc579b54e893f Mon Sep 17 00:00:00 2001
From: John Rassa <john.rassa@bluehalo.com>
Date: Mon, 9 Dec 2024 13:00:06 -0500
Subject: [PATCH] fix(audit): Hide `View Details` button when there are no
 details to show

---
 .../list-audit-entries.component.html         | 36 +++++++++----------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/app/core/audit/list-audit-entries/list-audit-entries.component.html b/src/app/core/audit/list-audit-entries/list-audit-entries.component.html
index 41ade13f..68408f57 100644
--- a/src/app/core/audit/list-audit-entries/list-audit-entries.component.html
+++ b/src/app/core/audit/list-audit-entries/list-audit-entries.component.html
@@ -69,13 +69,13 @@ <h1 skipTo>Audit Logs</h1>
 			<ng-container cdkColumnDef="audit.object">
 				<th cdk-header-cell *cdkHeaderCellDef><asy-header-sort>Object</asy-header-sort></th>
 				<td class="hide-overflow" cdk-cell *cdkCellDef="let entry">
-					@if (entry.audit.object?.after) {
-						{{ entry.audit.object.after | json }}
-					} @else {
-						{{ entry.audit.object | json }}
-						<div>
+					@if (entry.audit.object) {
+						@if (entry.audit.object?.after) {
+							{{ entry.audit.object.after | json }}
+						} @else {
+							{{ entry.audit.object | json }}
 							<button
-								class="btn btn-link btn-sm ps-0 pe-3"
+								class="d-block btn btn-link btn-sm ps-0 pe-3"
 								type="button"
 								container="body"
 								ngbTooltip="See details of the update"
@@ -84,7 +84,7 @@ <h1 skipTo>Audit Logs</h1>
 							>
 								<span class="fa-solid fa-eye"></span>View Details
 							</button>
-						</div>
+						}
 					}
 				</td>
 			</ng-container>
@@ -98,18 +98,16 @@ <h1 skipTo>Audit Logs</h1>
 				<td class="hide-overflow" cdk-cell *cdkCellDef="let entry">
 					@if (entry.audit.object?.before) {
 						{{ entry.audit.object?.before | json }}
-						<div>
-							<button
-								class="btn btn-link btn-sm ps-0"
-								type="button"
-								container="body"
-								ngbTooltip="See details of the update"
-								placement="bottom"
-								(click)="viewMore(entry, 'viewChanges')"
-							>
-								<span class="fa-solid fa-eye"></span><span>View Details</span>
-							</button>
-						</div>
+						<button
+							class="d-block btn btn-link btn-sm ps-0"
+							type="button"
+							container="body"
+							ngbTooltip="See details of the update"
+							placement="bottom"
+							(click)="viewMore(entry, 'viewChanges')"
+						>
+							<span class="fa-solid fa-eye"></span><span>View Details</span>
+						</button>
 					}
 				</td>
 			</ng-container>