From a1fb68764a2fe9de857c13abd11c5955ec78ca9b Mon Sep 17 00:00:00 2001
From: Mackie <iwan.mackie@gmail.com>
Date: Sun, 7 Jun 2026 21:40:08 +0800
Subject: [PATCH] nav

---
 src/blocks/RenderBlocks.tsx   |  2 +-
 src/blocks/Showcase/config.ts | 52 +++++++++++++----------------------
 2 files changed, 20 insertions(+), 34 deletions(-)

diff --git a/src/blocks/RenderBlocks.tsx b/src/blocks/RenderBlocks.tsx
index bddd5f8..2c55358 100644
--- a/src/blocks/RenderBlocks.tsx
+++ b/src/blocks/RenderBlocks.tsx
@@ -54,7 +54,7 @@ export const RenderBlocks: React.FC<{
 
             if (Block) {
               return (
-                <div key={index}>
+                <div key={index} id={blockType}>
                   <Block {...block} disableInnerContainer />
                 </div>
               )
diff --git a/src/blocks/Showcase/config.ts b/src/blocks/Showcase/config.ts
index 84bb6d8..2df131c 100644
--- a/src/blocks/Showcase/config.ts
+++ b/src/blocks/Showcase/config.ts
@@ -4,43 +4,34 @@ export const ShowcaseBlock: Block = {
   slug: 'showcase',
   labels: { singular: 'Showcase', plural: 'Showcases' },
   fields: [
-    {
-      name: 'heading',
-      type: 'text',
-      label: 'Heading',
-    },
-    {
-      name: 'subheading',
-      type: 'text',
-      label: 'Subheading',
-    },
+    { name: 'heading', type: 'text', label: 'Heading' },
+    { name: 'subheading', type: 'text', label: 'Subheading' },
     {
       name: 'items',
       type: 'array',
       label: 'Items',
       minRows: 1,
       fields: [
+        { name: 'image', type: 'upload', relationTo: 'media', label: 'Image (optional)' },
+        { name: 'imageUrl', type: 'text', label: 'Image click URL (optional)' },
+        { name: 'title', type: 'text', label: 'Title', required: true },
+        { name: 'description', type: 'textarea', label: 'Description' },
         {
-          name: 'image',
-          type: 'upload',
-          relationTo: 'media',
-          label: 'Image (optional)',
-        },
-        {
-          name: 'imageUrl',
-          type: 'text',
-          label: 'Image click URL (optional)',
-        },
-        {
-          name: 'title',
-          type: 'text',
-          label: 'Title',
+          name: 'category',
+          type: 'select',
+          label: 'Category',
           required: true,
+          defaultValue: 'engineering',
+          options: [
+            { label: 'Engineering', value: 'engineering' },
+            { label: 'Design', value: 'design' },
+          ],
         },
         {
-          name: 'description',
-          type: 'textarea',
-          label: 'Description',
+          name: 'featured',
+          type: 'checkbox',
+          label: 'Featured',
+          defaultValue: false,
         },
         {
           name: 'tags',
@@ -55,12 +46,7 @@ export const ShowcaseBlock: Block = {
           fields: [
             { name: 'label', type: 'text', label: 'Label', required: true },
             { name: 'url', type: 'text', label: 'URL', required: true },
-            {
-              name: 'newTab',
-              type: 'checkbox',
-              label: 'Open in new tab',
-              defaultValue: true,
-            },
+            { name: 'newTab', type: 'checkbox', label: 'Open in new tab', defaultValue: true },
           ],
         },
       ],