Merge pull request #1175 from dpc-sdp/fix/social-networks-fallback

fix(@dpc-sdp/nuxt-ripple): 🐛 fallback to default if unspecified

examples/nuxt-app/pages/_layout.vue

@@ -0,0 +1,14 @@
+<template>
+  <TideLandingPage :site="site as any" :page="page as any">
+    <template #sidebar>
+      <TideSidebarSocialShare :page-title="page.title" />
+    </template>
+  </TideLandingPage>
+</template>
+
+<script setup lang="ts">
+import page from '../test/fixtures/case/accordions-inpage-nav.json'
+import { useTideSite } from '#imports'
+
+const site = await useTideSite()
+</script>

packages/nuxt-ripple/components/TideSidebarSocialShare.vue

@@ -30,13 +30,14 @@ const url = computed(() => `${$app_origin}${route?.path}`)
 const { socialShare: flags }: IRplFeatureFlags = inject('featureFlags', {})
 
 const activeNetworks = computed(() => {
-  let items = props.networks.filter(
-    (item: any) => flags?.[item as keyof TideSocialShare] ?? true
-  )
+  const items =
+    props.networks?.filter(
+      (item: any) => flags?.[item as keyof TideSocialShare] ?? true
+    ) || []
   if (flags?.WhatsApp) {
     items.push('WhatsApp')
   }
-  return items
+  return items.length > 0 ? items : undefined
 })
 
 const parseText = (text: string): string => {