Make NetworkedShowcase tags optional and hide empty marquee.

Allow tags fields to be empty in Sanity and render the tags slider only when normalized tag items contain non-empty names.

Made-with: Cursor

Author: OliwierSellig

apps/sanity/schema/components/NetworkedShowcase.tsx

@@ -28,10 +28,9 @@ export default defineField({
       title: 'Tags',
       description: 'Plain text labels displayed in the animated slider.',
       hidden: ({ parent }) => parent?.tagsAsLinks === true,
-      validation: Rule => Rule.custom((value, context) => {
+      validation: Rule => Rule.custom((_, context) => {
         const tagsAsLinks = (context.parent as { tagsAsLinks?: boolean })?.tagsAsLinks;
         if (tagsAsLinks) return true;
-        if (!value || value.length < 3) return 'Add at least 3 tags';
         return true;
       }),
     }),
@@ -41,10 +40,9 @@ export default defineField({
       title: 'Tags',
       description: 'Tags displayed in the animated slider. Each tag can optionally link to an internal page.',
       hidden: ({ parent }) => parent?.tagsAsLinks !== true,
-      validation: Rule => Rule.custom((value, context) => {
+      validation: Rule => Rule.custom((_, context) => {
         const tagsAsLinks = (context.parent as { tagsAsLinks?: boolean })?.tagsAsLinks;
         if (!tagsAsLinks) return true;
-        if (!value || value.length < 3) return 'Add at least 3 tags';
         return true;
       }),
       of: [

packages/shared/src/components/NetworkedShowcase.astro

@@ -105,8 +105,14 @@ const {
   video,
 } = Astro.props
 
-// Compute tags data for rendering (normalize both formats)
-const tagsData = tagsAsLinks && linkedTags ? linkedTags : (tags?.map((tag) => ({ name: tag, slug: undefined })) ?? [])
+// Compute tags data for rendering (normalize both formats) and drop empty items.
+const tagsData = (tagsAsLinks
+  ? (linkedTags ?? [])
+      .map((tag) => ({ name: tag.name?.trim() ?? '', slug: tag.slug }))
+      .filter((tag) => tag.name.length > 0)
+  : (tags ?? [])
+      .map((tag) => ({ name: tag?.trim() ?? '', slug: undefined }))
+      .filter((tag) => tag.name.length > 0))
 
 const reviewUrl = _scrollToSectionId ?? googleData.url