From dab3d9031f4d99deeffa818490fedb68110ea1f4 Mon Sep 17 00:00:00 2001
From: JoryHogeveen <jory.johan.hogeveen@gmail.com>
Date: Mon, 18 Nov 2024 15:33:58 +0100
Subject: [PATCH] Fix value errors if no parents are available

---
 libs/ui/src/lib/top-holdings/top-holdings.component.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/libs/ui/src/lib/top-holdings/top-holdings.component.html b/libs/ui/src/lib/top-holdings/top-holdings.component.html
index a93f4829c..0f6e24d1b 100644
--- a/libs/ui/src/lib/top-holdings/top-holdings.component.html
+++ b/libs/ui/src/lib/top-holdings/top-holdings.component.html
@@ -71,7 +71,7 @@
           <div class="holdingParents">
             <div class="holdingParentProportionChart d-flex">
               @for (
-                parentHolding of element.parents.slice(0, 10);
+                parentHolding of element.parents?.slice(0, 10);
                 track parentHolding;
                 let i = $index
               ) {
@@ -119,7 +119,7 @@
     <tr
       *matRowDef="let element; columns: displayedColumns"
       mat-row
-      [class.cursor-pointer]="element.parents.length > 0"
+      [class.cursor-pointer]="element.parents?.length > 0"
       [class.expanded]="element.expand ?? false"
       (click)="
         element.expand ? (element.expand = false) : (element.expand = true)
@@ -129,6 +129,7 @@
       *matRowDef="let row; columns: ['expandedDetail']"
       class="holding-detail"
       mat-row
+      [class.d-none]="!row.parents?.length"
     ></tr>
   </table>
 </div>