SHS-5504: Prevent JS error when link is absent in vertical linked car…

…ds (#1471) * fix(shs-5504): prevent error when link is absent in vertical linked cards * chore(shs-5504): add prettier config to match eslint
SU-HSDO · Mar 6, 2024 · 6fe33f7 · 6fe33f7
1 parent 4ef52a6
commit 6fe33f7
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/docroot/themes/humsci/humsci_basic/.prettierrc b/docroot/themes/humsci/humsci_basic/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true
+}
diff --git a/...oot/themes/humsci/humsci_basic/src/js/shared/vertical-linked-card/vertical-linked-card.js b/...oot/themes/humsci/humsci_basic/src/js/shared/vertical-linked-card/vertical-linked-card.js
@@ -5,7 +5,13 @@ function verticalLinkedCard() {
   // Loop through each card
   cards.forEach((card) => {
     // Find the main link within each card
-    const mainLink = card.querySelector('.hb-vertical-linked-card__title__link');
+    const mainLink = card.querySelector(
+      '.hb-vertical-linked-card__title__link',
+    );
+
+    if (!mainLink) {
+      return;
+    }
 
     // Add a click event listener to each card
     function handleClick() {