fix: stepper and dropdowns in policy wizard[3141]

hashgraph · Dec 12, 2024 · 4a1357f · 4a1357f
1 parent e58ac71
commit 4a1357f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/frontend/src/app/modules/common/step-tree/step-tree.component.ts b/frontend/src/app/modules/common/step-tree/step-tree.component.ts
@@ -21,7 +21,7 @@ interface TreeNode {
 export class StepTreeComponent {
     treeControl = new NestedTreeControl<TreeNode>((node) => node.children);
     // dataSource = new MatTreeNestedDataSource<TreeNode>();
-    dataSource: any
+    dataSource: { data: TreeNode[] } = { data: [] }
 
     @Input('treeData') treeData!: any;
     @Input('currentNode') currentNode!: any;

diff --git a/...pp/modules/policy-engine/dialogs/policy-wizard-dialog/policy-wizard-dialog.component.html b/...pp/modules/policy-engine/dialogs/policy-wizard-dialog/policy-wizard-dialog.component.html
@@ -50,6 +50,9 @@
                     optionValue="id"
                     placeholder="Not selected"
             >
+                <ng-template pTemplate="selectedItem" let-selectedItem>
+                    {{ selectedItem ? selectedItem.name : 'Not selected' }}
+                </ng-template>
             </p-dropdown>
         </div>
         <div class="form-input-container">
@@ -63,6 +66,9 @@
                     optionValue="id"
                     placeholder="Not selected"
             >
+                <ng-template pTemplate="selectedItem" let-selectedItem>
+                    {{ selectedItem ? selectedItem.name : 'Not selected' }}
+                </ng-template>
             </p-dropdown>
         </div>
         <div class="form-input-container">
@@ -118,6 +124,9 @@ <h3>Categorization</h3>
                     optionValue="id"
                     placeholder="Not selected"
             >
+                <ng-template pTemplate="selectedItem" let-selectedItem>
+                    {{ selectedItem ? selectedItem.name : 'Not selected' }}
+                </ng-template>
             </p-dropdown>
         </div>
         <div class="form-input-container">