From 77e08567ef78d2db3273544b9bd016b44c7f42e7 Mon Sep 17 00:00:00 2001
From: Stephanie Smith <stephanie.c.smith@jpl.nasa.gov>
Date: Thu, 1 Aug 2024 16:06:17 -0700
Subject: [PATCH] fixing ternary logic for rendering links in BlockCardGridItem

---
 .../BlockCardGrid/BlockCardGrid.stories.js    | 20 ++++++++++++++++---
 .../BlockCardGridItem/BlockCardGridItem.vue   |  2 +-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/packages/vue/src/components/BlockCardGrid/BlockCardGrid.stories.js b/packages/vue/src/components/BlockCardGrid/BlockCardGrid.stories.js
index 17dec864..5f13b69e 100644
--- a/packages/vue/src/components/BlockCardGrid/BlockCardGrid.stories.js
+++ b/packages/vue/src/components/BlockCardGrid/BlockCardGrid.stories.js
@@ -21,6 +21,10 @@ export const BlockCardGridData = [
         width: 800
       },
       srcSet: 'https://picsum.photos/400/200 320w, https://picsum.photos/800/400 1024w'
+    },
+    link: {
+      page: null,
+      externalLink: ''
     }
   },
   {
@@ -39,7 +43,8 @@ export const BlockCardGridData = [
     link: {
       page: {
         url: '#'
-      }
+      },
+      externalLink: ''
     }
   },
   {
@@ -47,7 +52,11 @@ export const BlockCardGridData = [
     title: 'Nimble Limbs',
     description:
       'Proin sapien nulla, consequat et aliquam tristique, sollicitudin vitae lorem. Etiam nec vestibulum ante, semper blandit tortor. Nam id bibendum leo. Suspendisse a cursus felis, eget tristique nibh. Proin facilisis tortor eget pulvinar cursus.',
-    image: null
+    image: null,
+    link: {
+      page: null,
+      externalLink: ''
+    }
   },
   {
     label: 'Factoid 4',
@@ -61,6 +70,10 @@ export const BlockCardGridData = [
         width: 800
       },
       srcSet: 'https://picsum.photos/400/200 320w, https://picsum.photos/800/400 1024w'
+    },
+    link: {
+      page: null,
+      externalLink: ''
     }
   },
   {
@@ -69,7 +82,8 @@ export const BlockCardGridData = [
     description: 'The robot has four limbs, each with seven degrees of freedom.',
     image: null,
     link: {
-      externalLink: '#'
+      externalLink: '#',
+      page: null
     }
   }
 ]
diff --git a/packages/vue/src/components/BlockCardGridItem/BlockCardGridItem.vue b/packages/vue/src/components/BlockCardGridItem/BlockCardGridItem.vue
index 1f0743e1..a2ef7104 100644
--- a/packages/vue/src/components/BlockCardGridItem/BlockCardGridItem.vue
+++ b/packages/vue/src/components/BlockCardGridItem/BlockCardGridItem.vue
@@ -1,6 +1,6 @@
 <template>
   <BaseLink
-    v-if="link"
+    v-if="link?.page || link?.externalLink"
     variant="none"
     :to="link?.page?.url ? link.page.url : undefined"
     :href="link?.externalLink ? link?.externalLink : undefined"