130715: Added try catch to catch an errors while resolving the lazyloaded component & renamed interface

Author: alexandrevryghem

src/app/shared/abstract-component-loader/abstract-component-loader.component.ts

@@ -108,7 +108,13 @@ export abstract class AbstractComponentLoaderComponent<T> implements OnInit, OnC
    * Creates the component and connects the @Input() & @Output() from the ThemedComponent to its child Component.
    */
   public async instantiateComponent(): Promise<void> {
-    const component: GenericConstructor<T> = await this.getComponent();
+    let component: GenericConstructor<T>;
+    try {
+      component = await this.getComponent();
+    } catch (error) {
+      console.error('Failed to retrieve the component', error);
+      return;
+    }
 
     const viewContainerRef: ViewContainerRef = this.componentViewContainerRef;
     viewContainerRef.clear();

src/app/shared/menu/menu-section/abstract-menu-section.component.ts

@@ -36,7 +36,7 @@ import { MenuItemModel } from '../menu-item/models/menu-item.model';
 import { MenuItemType } from '../menu-item-type.model';
 import { MenuSection } from '../menu-section.model';
 
-export interface MenuSectionDTO {
+export interface MenuSectionComponentDTO {
   injector: Injector;
   component: GenericConstructor<Component>;
 }
@@ -80,7 +80,7 @@ export abstract class AbstractMenuSectionComponent implements OnInit, OnChanges,
   /**
    * Map of components and injectors for each dynamically rendered menu section
    */
-  sectionMap: WritableSignal<Map<string, MenuSectionDTO>> = signal(new Map<string, MenuSectionDTO>());
+  sectionMap: WritableSignal<Map<string, MenuSectionComponentDTO>> = signal(new Map<string, MenuSectionComponentDTO>());
 
   /**
    * Array to track all subscriptions and unsubscribe them onDestroy
@@ -187,7 +187,7 @@ export abstract class AbstractMenuSectionComponent implements OnInit, OnChanges,
    * Update the sectionMap
    */
   private updateSectionMap(id: string, injector: Injector, component: GenericConstructor<Component>) {
-    this.sectionMap.update((sectionMap: Map<string, MenuSectionDTO>) => new Map(sectionMap.set(id, {
+    this.sectionMap.update((sectionMap: Map<string, MenuSectionComponentDTO>) => new Map(sectionMap.set(id, {
       injector,
       component,
     })));