MWPW-143894 more robust for edge cases

adobecom · Mar 20, 2024 · bb26726 · bb26726
1 parent 8f02868
commit bb26726
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/creativecloud/blocks/sidenav/sidenav.js b/creativecloud/blocks/sidenav/sidenav.js
@@ -129,22 +129,26 @@ function appendResources(rootNav, resourceLink) {
 export default async function init(el) {
   const libs = getLibs();
   const rows = Array.from(el.children);
+  if (!rows || rows.length === 0) {
+    return;
+  }
+  const mainRow = rows[0];
+  const categoryRow = rows.length > 1 ? rows[1] : null;
+
   await Promise.all([
     import(`${libs}/features/spectrum-web-components/dist/theme.js`),
     import(`${libs}/features/spectrum-web-components/dist/sidenav.js`),
     import(`${libs}/features/spectrum-web-components/dist/search.js`),
     import(`${libs}/features/spectrum-web-components/dist/checkbox.js`),
     import(`${libs}/features/spectrum-web-components/dist/dialog.js`),
   ]);
-  const mainRow = rows[0];
   const title = mainRow?.querySelector('h2')?.textContent.trim();
   const rootNav = createTag('merch-sidenav', { title });
   const searchText = mainRow?.querySelector('p > strong')?.textContent.trim();
   const typeText = mainRow?.querySelector('p > em')?.textContent.trim();
   appendSearch(rootNav, searchText);
   // eslint-disable-next-line prefer-const
   const resourcesLink = mainRow?.querySelector('a');
-  const categoryRow = rows.length > 1 ? rows[1] : null;
   let endpoint = categoryRow?.querySelector('a');
   if (endpoint) {
     endpoint = localizeLink(endpoint.textContent.trim(), null, true);