websites/packages/sanity-cms/schemas/social.ts

import { TwitterIcon } from '@sanity/icons';
import type { DocumentFields } from '@session/sanity-types';
import { defineField, defineType } from 'sanity';
import { urlField } from './fields/basic/url';
import type { SchemaFieldsType } from './types';

// TODO: look into sharing the same source as the ui. socials package? (hopefully not)
enum Socials {
  Discord = 'discord',
  Facebook = 'facebook',
  Github = 'github',
  Instagram = 'instagram',
  LinkedIn = 'linkedin',
  Reddit = 'reddit',
  RSS = 'rss',
  Session = 'session',
  Telegram = 'telegram',
  Vimeo = 'vimeo',
  Whatsapp = 'whatsapp',
  X = 'x',
  Youtube = 'youtube',
}

const supportedSocials = Object.values(Socials);

export const socialFields = [
  defineField({
    type: 'string',
    name: 'social',
    title: 'Social',
    description: 'The social media platform. This determines the icon to show.',
    options: {
      list: [...supportedSocials, 'other'],
    },
    validation: (Rule) => Rule.required(),
  }),
  urlField,
];

export const socialSchema = defineType({
  type: 'document',
  name: 'social',
  title: 'Social',
  icon: TwitterIcon,
  fields: socialFields,
});

export type SocialSchemaType = DocumentFields<typeof socialSchema> &
  SchemaFieldsType<typeof socialFields>;