Rename block .editor files to .config

Also drop the color and leftSideBarVisible overrides from PageEditor. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014xjLo7mFxZXfPDCHuKX4Dz
2026-08-29 11:10:24 -04:00
parent 3bc61066f0
commit 69ca137c7d
14 changed files with 20 additions and 22 deletions
@@ -0,0 +1,36 @@
+import { ComponentConfig } from '@reacteditor/core';
+import type { ShopifyCollection } from '@reacteditor/plugin-shopify';
+import { Boxes } from 'lucide-react';
+import CollectionDetail from '@/components/shopify/collection-detail';
+
+export type CollectionDetailBlockProps = {
+  collection?: ShopifyCollection | null;
+  title?: string;
+};
+
+const collectionDetailEditor: ComponentConfig<CollectionDetailBlockProps> = {
+  label: 'Collection page',
+  icon: <Boxes size={16} />,
+  category: 'commerce',
+  defaultProps: {
+    collection: null,
+    title: '',
+  },
+  fields: {
+    collection: {
+      label: 'Collection',
+      type: 'shopifyCollection',
+    } as any,
+    title: {
+      label: 'Title override',
+      type: 'text',
+      placeholder: "Leave empty to use the collection's own title",
+      contentEditable: true,
+    },
+  },
+  render: ({ collection, title }) => (
+    <CollectionDetail handle={collection?.handle} title={title} />
+  ),
+};
+
+export default collectionDetailEditor;