update structure schema and add createCollection helper with Preview …

…component

apps/sanity/structure/create-collection.tsx

@@ -0,0 +1,29 @@
+import type { StructureBuilder } from "sanity/structure";
+import { schemaTypes } from "./schema-types";
+import { TYPES_TO_EXCLUDE_PREVIEWS } from ".";
+import { Preview } from "./preview";
+
+export const createCollection = (S: StructureBuilder, name: string) => {
+  const { title, icon } = schemaTypes.find(item => item.name === name) as { title: string, icon: React.ReactNode };
+  return S.listItem()
+    .title(title)
+    .icon(icon)
+    .child(
+      S.documentTypeList(name)
+        .title(title)
+        .child(documentId =>
+          S.document()
+            .documentId(documentId)
+            .schemaType(name)
+            .views([
+              S.view.form().title('Editor').icon(() => '🖋️'),
+              ...(!TYPES_TO_EXCLUDE_PREVIEWS.includes(name) ? [
+                S.view
+                  .component(Preview)
+                  .title('Preview')
+                  .icon(() => '👀')
+              ] : []),
+            ])
+        )
+    );
+};

apps/sanity/structure/create-singleton.tsx

@@ -1,20 +1,7 @@
 import type { StructureBuilder } from 'sanity/structure'
-import { Iframe, type IframeProps } from 'sanity-plugin-iframe-pane'
 import { schemaTypes } from "./schema-types";
-import { PREVIEW_DEPLOYMENT_DOMAIN } from '../constants';
-
-const Preview = ({ document }: { document: IframeProps['document'] }) => {
-  const slug = (document.displayed.slug as { current?: string })?.current;
-  if (!slug) return <div style={{ padding: '1rem' }}>🛑 Preview not available: The slug is missing</div>;
-  return <Iframe
-    document={document}
-    options={{
-      url: `${PREVIEW_DEPLOYMENT_DOMAIN}${slug}`,
-      reload: { button: true }
-    }} />
-}
-
-const TYPES_TO_EXCLUDE_PREVIEWS = ['global', 'redirects'];
+import { TYPES_TO_EXCLUDE_PREVIEWS } from '.';
+import { Preview } from './preview';
 
 export const createSingleton = (S: StructureBuilder, name: string) => {
   const { title, icon } = schemaTypes.find(item => item.name === name) as { title: string, icon: React.ReactNode };

apps/sanity/structure/index.tsx

@@ -1,5 +1,8 @@
 import type { StructureResolver } from 'sanity/structure'
-import { createSingleton } from './create-singleton';
+import { createSingleton } from './create-singleton'
+import { createCollection } from './create-collection';
+
+export const TYPES_TO_EXCLUDE_PREVIEWS = ['global', 'redirects', 'Faq_Collection'];
 
 export const structure: StructureResolver = (S) =>
   S.list()
@@ -11,5 +14,5 @@ export const structure: StructureResolver = (S) =>
       S.divider(),
       createSingleton(S, "Index_Page"),
       S.divider(),
-      S.documentTypeListItem("Faq_Collection"),
+      createCollection(S, "Faq_Collection"),
     ])

apps/sanity/structure/preview.tsx

@@ -0,0 +1,13 @@
+import { Iframe, type IframeProps } from "sanity-plugin-iframe-pane";
+import { PREVIEW_DEPLOYMENT_DOMAIN } from "../constants";
+
+export const Preview = ({ document }: { document: IframeProps['document'] }) => {
+  const slug = (document.displayed.slug as { current?: string })?.current;
+  if (!slug) return <div style={{ padding: '1rem' }}>🛑 Preview not available: The slug is missing</div>;
+  return <Iframe
+    document={document}
+    options={{
+      url: `${PREVIEW_DEPLOYMENT_DOMAIN}${slug}`,
+      reload: { button: true }
+    }} />
+}