[DSC-854] fixed nested sections with BE connections

Author: nikunj59

src/app/core/layout/models/section.model.ts

@@ -29,6 +29,7 @@ export class Section extends CacheableObject {
   @autoserialize
   componentRows: SectionComponent[][];
 
+  @autoserialize
   nestedSections: Section[];
 
   /**

src/app/menu.resolver.spec.ts

@@ -29,8 +29,8 @@ const EXPLORE_SECTIONS_DEFINITIONS = [
   {
     id: 'definition2',
     nestedSections: [
-      { id: 'nested_definition1' },
-      { id: 'nested_definition2' }
+      { id: 'definition1' },
+      { id: 'definition2' }
     ]
   },
   { id: 'definition3' },
@@ -45,17 +45,17 @@ const ALL_NESTED_MENUS = [
   {
     id: 'definition1',
     nestedSections: [
-      { id: 'nested_definition1' },
+      { id: 'definition1' },
     ]
   },{
     id: 'definition2',
     nestedSections: [
-      { id: 'nested_definition2' },
+      { id: 'definition2' },
     ]
   },{
     id: 'definition3',
     nestedSections: [
-      { id: 'nested_definition3' },
+      { id: 'definition3' },
     ]
   }
 ];

src/app/menu.resolver.ts

@@ -128,10 +128,10 @@ export class MenuResolver implements Resolve<boolean> {
             active: false,
             visible: true,
           };
-          if (section.nestedSections) {
+          if (section.nestedSections && section.nestedSections.length) {
             section.nestedSections.forEach((nested) => {
               menuList.push({
-                id: `explore_${nested.id}`,
+                id: `explore_nested_${nested.id}`,
                 parentID: `explore_${section.id}`,
                 active: false,
                 visible: true,