From 4f3aa7d2724f8104068ef3b9d0b4c964e49f4f77 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 12 Mar 2026 13:04:07 +0000
Subject: [PATCH] update point and url table display component templates

---
 .../point/point.component.html                | 24 ++++++++++---------
 .../url/url.component.html                    | 18 +++++++-------
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.html b/frontend/src/app/components/ui-components/table-display-fields/point/point.component.html
index 2e30aeeca..394c892b9 100644
--- a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.html
+++ b/frontend/src/app/components/ui-components/table-display-fields/point/point.component.html
@@ -1,11 +1,13 @@
-<div class="field-wrapper" *ngIf="formattedPoint">
-  <span class="value-wrapper" [matTooltip]="formattedPoint">{{ formattedPoint }}</span>
-  <button mat-icon-button
-      class="copy-button"
-      [cdkCopyToClipboard]="formattedPoint"
-      matTooltip="Copy to clipboard"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-    <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
+@if (formattedPoint) {
+  <div class="field-wrapper">
+    <span class="value-wrapper" [matTooltip]="formattedPoint">{{ formattedPoint }}</span>
+    <button mat-icon-button
+        class="copy-button"
+        [cdkCopyToClipboard]="formattedPoint"
+        matTooltip="Copy to clipboard"
+        (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
+        (click)="$event.stopPropagation()">
+      <mat-icon>content_copy</mat-icon>
+    </button>
+  </div>
+}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.html b/frontend/src/app/components/ui-components/table-display-fields/url/url.component.html
index e10a7f1bb..8f2d0cc36 100644
--- a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.html
+++ b/frontend/src/app/components/ui-components/table-display-fields/url/url.component.html
@@ -1,13 +1,15 @@
 <div class="field-display">
   <span class="field-value">
-    <a *ngIf="isValidUrl"
-        [href]="hrefValue" target="_blank"
-        class="url-link"
-        (click)="$event.stopPropagation()">
-        <mat-icon class="url-link__icon" fontSet="material-symbols-outlined">link</mat-icon>
-        {{value() || '—'}}
-    </a>
-    <span *ngIf="!isValidUrl">{{value() || '—'}}</span>
+    @if (isValidUrl) {
+      <a [href]="hrefValue" target="_blank"
+          class="url-link"
+          (click)="$event.stopPropagation()">
+          <mat-icon class="url-link__icon" fontSet="material-symbols-outlined">link</mat-icon>
+          {{value() || '—'}}
+      </a>
+    } @else {
+      <span>{{value() || '—'}}</span>
+    }
   </span>
   <button type="button" mat-icon-button
       class="field-copy-button"