Ported sanity studio to Next js app

lib/sanity/schemas/documents/category.tsx

@@ -0,0 +1,126 @@
+import {TagIcon} from '@sanity/icons'
+import {defineField, defineType} from 'sanity'
+import {slugWithLocalizedType} from './slugWithLocalizedType'
+import {languages} from '../../languages'
+import {validateImage} from '../../utils/validation'
+
+const GROUPS = [
+  {
+    name: 'editorial',
+    title: 'Editorial',
+  },
+  {
+    name: 'seo',
+    title: 'SEO',
+  },
+]
+
+export default defineType({
+  name: 'category',
+  title: 'Category',
+  type: 'document',
+  icon: TagIcon,
+  groups: GROUPS,
+  fields: [
+    // Language
+    defineField({
+      name: 'language',
+      type: 'string',
+      readOnly: true,
+      description: 'Language of this document.',
+      // hidden: true,
+    }),
+    // Title
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      description: 'Category title.',
+    }),
+    // Slug
+    slugWithLocalizedType('category', 'title'),
+    // // Show banner
+    // defineField({
+    //   name: 'showBanner',
+    //   title: 'Show banner',
+    //   type: 'boolean',
+    //   description: 'If disabled, category title will be displayed instead.',
+    //   group: 'editorial',
+    // }),
+    // // Banner
+    // defineField({
+    //   name: 'banner',
+    //   title: 'Banner',
+    //   type: 'banner',
+    //   hidden: ({document}) => !document?.showBanner,
+    //   group: 'editorial',
+    // }),
+    // Image
+    defineField({
+      name: 'image',
+      type: 'mainImage',
+      title: 'Image',
+      validation: (Rule) => validateImage(Rule, true),
+    }),
+    defineField({
+      name: 'description',
+      title: 'Description',
+      type: 'text',
+      rows: 5,
+      description: 'Description of this category.',
+    }),
+    defineField({
+      name: 'id',
+      title: 'ID',
+      type: 'number',
+      description: 'Unique ID.',
+    }),
+    defineField({
+      name: 'categoryId',
+      title: 'Category ID',
+      type: 'number',
+      description: 'Unique category ID.',
+    }),
+    defineField({
+      name: 'parentId',
+      title: 'Parent ID',
+      type: 'number',
+      description: 'Unique parent category ID.',
+    }),
+    // SEO
+    defineField({
+      name: 'seo',
+      title: 'SEO',
+      type: 'seo',
+      group: 'seo',
+    }),
+  ],
+  orderings: [
+    {
+      name: 'titleAsc',
+      title: 'Title (A-Z)',
+      by: [{field: 'title', direction: 'asc'}],
+    },
+    {
+      name: 'titleDesc',
+      title: 'Title (Z-A)',
+      by: [{field: 'title', direction: 'desc'}],
+    },
+  ],
+  preview: {
+    select: {
+      title: 'title',
+      language: 'language',
+    },
+    prepare(selection) {
+      const {title, language} = selection
+      const currentLang = languages.find((lang) => lang.id === language)
+
+      return {
+        title,
+        subtitle: `${currentLang ? currentLang.title : ''}`,
+        media: TagIcon,
+      }
+    },
+  },
+})