build: upgrade Sanity Studio to v3 (#334)

.gitignore

@@ -44,3 +44,6 @@ yarn-error.log*
 
 # Local Netlify folder
 .netlify
+
+# Sanity
+.sanity

components/common/SocialLinks.tsx

@@ -1,6 +1,6 @@
 import React, { FC, ReactElement } from 'react'
 import Image from 'next/image'
-import { SanityAboutPage } from '../../types/schema'
+import { AboutPage as SanityAboutPage } from '../../sanity.types'
 
 // Static assets
 import InstagramLogoW from '../../public/logos/instagramLogoW.svg'

components/common/layout/PageLayout.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityNavigation, SanitySeo } from '../../../types/schema'
+import { Navigation as SanityNavigation, Seo as SanitySeo } from '../../../sanity.types'
 
 // Components
 import Header from '../../sections/navigation/Header'

components/sections/about/FollowUs.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityAboutPage } from '../../../types/schema'
+import { AboutPage as SanityAboutPage } from '../../../sanity.types';
 
 // Components
 import SectionWrapper from '../../common/layout/SectionWrapper'

components/sections/about/Links.tsx

@@ -1,6 +1,6 @@
 import React, { FC, ReactElement } from 'react'
 import Image from 'next/image'
-import { SanityAboutPage } from '../../../types/schema'
+import { AboutPage as SanityAboutPage } from '../../../sanity.types'
 
 // Components
 import GradientBorderWrapper from '../../common/GradientBorderWrapper'

components/sections/about/about/About.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityAboutPage } from '../../../../types/schema'
+import { AboutPage as SanityAboutPage } from '../../../../sanity.types'
 import { getPartialString, getPartialStringFromEnd } from '../../../../utils/stringUtils'
 
 // Components

components/sections/blog/Blogs.tsx

@@ -1,6 +1,6 @@
 
 import React, { FC, ReactElement } from 'react'
-import { SanityAuthor, SanityBlog } from '../../../types/schema'
+import { Author as SanityAuthor, Blog as SanityBlog } from '../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../common/layout/SectionWrapper'

components/sections/blog/FeaturedPost.tsx

@@ -1,6 +1,6 @@
 import Image from 'next/image'
 import React, { FC, ReactElement } from 'react'
-import { SanityAuthor, SanityBlog } from '../../../types/schema'
+import { Author as SanityAuthor, Blog as SanityBlog } from '../../../sanity.types'
 
 // Components
 import GradientBorderWrapper from '../../common/GradientBorderWrapper'

components/sections/blog/[slug]/PageContent.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityAuthor, SanityBlog } from '../../../../types/schema'
+import { Author as SanityAuthor, Blog as SanityBlog } from '../../../../sanity.types'
 import getReadTime from '../../../../utils/getReadTime'
 
 // Components

components/sections/blog/components/AuthorBio.tsx

@@ -1,5 +1,5 @@
 import Image from "next/image";
-import { SanityAuthor } from "../../../../types/schema";
+import { Author as SanityAuthor } from "../../../../sanity.types";
 import GradientBorderWrapper from "../../../common/GradientBorderWrapper";
 
 export default function AuthorBio({ author }: { author: SanityAuthor }) {

components/sections/blog/components/Post.tsx

@@ -1,7 +1,7 @@
 import Image from 'next/image'
 import Link from 'next/link'
 import React, { FC, ReactElement } from 'react'
-import { SanityBlog, SanityAuthor } from '../../../../types/schema'
+import { Blog as SanityBlog, Author as SanityAuthor } from '../../../../sanity.types'
 import getReadTime from '../../../../utils/getReadTime'
 
 // Components

components/sections/changelog/Changelog.tsx

@@ -4,7 +4,7 @@ import GradientBorderWrapper from '../../common/GradientBorderWrapper'
 import { IoMdGitCommit } from 'react-icons/io'
 import ReactMarkdown from 'react-markdown'
 import { MdOutlineExpandMore } from 'react-icons/md'
-import { SanityChangelog } from '../../../types/schema'
+import { Changelog as SanityChangelog } from '../../../sanity.types'
 import moment from 'moment'
 
 import Link from 'next/link'
@@ -35,10 +35,10 @@ const Changelog: FC<ChangelogProps> = ({
   }
 
   // check if the changelog content has an image
-  const hasImageInContent = changelogContent.includes('![image](')
+  const hasImageInContent = changelogContent?.includes('![image](')
 
   // check the line of the changelog content
-  const lineCount = changelogContent.split('\n').length
+  const lineCount = changelogContent?.split('\n').length
 
   return (
     <article
@@ -116,11 +116,11 @@ const Changelog: FC<ChangelogProps> = ({
           <div className="relative" ref={contentRef}>
             <ReactMarkdown
               className="prose prose-invert prose-img:rounded-md">
-              {changelogContent}
+              {changelogContent || ""}
             </ReactMarkdown>
           </div>
         </div>
-        {(hasImageInContent || changelogContent.length > 260) && (
+        {(hasImageInContent || changelogContent?.length || 0 > 260) && (
           <button
             onClick={expandChangelog}
             className="text-textPrimary font-bold flex items-center mt-8 gap-x-2 transition-all hover:text-brandOrange"

components/sections/changelog/Changelogs.tsx

@@ -2,7 +2,7 @@ import React, { FC, useEffect, useState } from 'react'
 import SectionWrapper from '../../common/layout/SectionWrapper'
 import Changelog from './Changelog'
 import { getChangelog } from '../../../lib/sanity'
-import { SanityChangelog } from '../../../types/schema'
+import { Changelog as SanityChangelog } from '../../../sanity.types'
 import GradientBorderWrapper from '../../common/GradientBorderWrapper'
 
 interface ChangelogsProps {

components/sections/home-page/CTA.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../common/layout/SectionWrapper'

components/sections/home-page/GitHubMock.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import Image from 'next/image'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 import useMediaQuery from '../../hooks/useMediaQuery'
 
 // Static assets

components/sections/home-page/Hero.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import Link from 'next/link'
-import { SanityHomePage, SanityTeamsPage } from '../../../types/schema'
+import { HomePage as SanityHomePage, TeamsPage as SanityTeamsPage } from '../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../common/layout/SectionWrapper'

components/sections/home-page/Insights.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 
 // Components
 import { Button } from '../../common'

components/sections/home-page/Logos.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { SanityUser } from '../../../types/schema'
+import { User as SanityUser } from '../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../common/layout/SectionWrapper'

components/sections/home-page/blogs/Blog.tsx

@@ -1,7 +1,7 @@
 import Image from 'next/image'
 import Link from 'next/link'
 import React, { FC, ReactElement } from 'react'
-import { SanityBlog } from '../../../../types/schema'
+import { Blog as SanityBlog } from '../../../../sanity.types'
 
 // Components
 import GradientBorderWrapper from '../../../common/GradientBorderWrapper'

components/sections/home-page/blogs/Blogs.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityBlog, SanityHomePage } from '../../../../types/schema'
+import { Blog as SanityBlog, HomePage as SanityHomePage } from '../../../../sanity.types'
 import { useInView } from 'react-intersection-observer'
 import { motion } from 'framer-motion'
 

components/sections/home-page/features/Features.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { SanityHomePage } from '../../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../../sanity.types'
 
 // Components
 import Feature from './Feature'

components/sections/home-page/features/StudentsFeatures.tsx

@@ -1,9 +1,8 @@
-import { SanityStudentsPage } from "../../../../types/schema";
+import { SanityImageAsset, SanityImageCrop, SanityImageHotspot, StudentsPage as SanityStudentsPage } from "../../../../sanity.types";
 import { Heading } from '../../../common/text'
 import ContainerWithLine from '../../../common/ContainerWithLine'
 import { motion } from 'framer-motion'
 import { useInView } from 'react-intersection-observer'
-import type { SanityImageAsset, SanityImageCrop, SanityImageHotspot, SanityReference } from "sanity-codegen";
 
 import EndingLine from "../../../common/EndingLine";
 import SectionWrapper from "../../../common/layout/SectionWrapper";
@@ -27,7 +26,7 @@ function StudentFeature({ feature } : { feature : {
   description?: string,
   image?: {
     _type: 'image'
-    asset: SanityReference<SanityImageAsset>
+    asset?: any
     crop?: SanityImageCrop 
     hotspot?: SanityImageHotspot
   } 

components/sections/home-page/features/TeamsFeatures.tsx

@@ -1,9 +1,9 @@
-import { SanityTeamsPage } from "../../../../types/schema";
+import { SanityImageAsset, SanityImageCrop, SanityImageHotspot, TeamsPage as SanityTeamsPage } from "../../../../sanity.types";
 import { Heading } from '../../../common/text'
 import ContainerWithLine from '../../../common/ContainerWithLine'
 import { motion } from 'framer-motion'
 import { useInView } from 'react-intersection-observer'
-import type { SanityImageAsset, SanityImageCrop, SanityImageHotspot, SanityReference } from "sanity-codegen";
+
 
 import EndingLine from "../../../common/EndingLine";
 import SectionWrapper from "../../../common/layout/SectionWrapper";
@@ -99,7 +99,7 @@ function TeamFeature({ feature } : { feature : {
   description?: string,
   image?: {
     _type: 'image'
-    asset: SanityReference<SanityImageAsset>
+    asset?: any
     crop?: SanityImageCrop 
     hotspot?: SanityImageHotspot
   } 

components/sections/home-page/testimonials/Testimonial.tsx

@@ -2,7 +2,7 @@ import React, { FC } from 'react'
 import Image from 'next/image'
 import { Transition, motion } from 'framer-motion'
 import { useInView } from 'react-intersection-observer'
-import { SanityTestimonial } from '../../../../types/schema'
+import { Testimonial as SanityTestimonial } from '../../../../sanity.types'
 
 // Components
 import GradientBorderWrapper from '../../../common/GradientBorderWrapper'

components/sections/home-page/testimonials/Testimonials.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useState } from 'react'
-import { SanityHomePage, SanityTestimonial } from '../../../../types/schema'
+import { HomePage as SanityHomePage, Testimonial as SanityTestimonial } from '../../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../../common/layout/SectionWrapper'

components/sections/maintainers/CTA.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../common/layout/SectionWrapper'

components/sections/maintainers/GitHubMock.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import Image from 'next/image'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 import useMediaQuery from '../../hooks/useMediaQuery'
 
 // Static assets

components/sections/maintainers/Hero.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import Link from 'next/link'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../common/layout/SectionWrapper'

components/sections/maintainers/Insights.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 
 // Components
 import { Button } from '../../common'

components/sections/maintainers/Logos.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { SanityUser } from '../../../types/schema'
+import { User as SanityUser } from '../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../common/layout/SectionWrapper'

components/sections/maintainers/blogs/Blog.tsx

@@ -1,7 +1,7 @@
 import Image from 'next/image'
 import Link from 'next/link'
 import React, { FC, ReactElement } from 'react'
-import { SanityBlog } from '../../../../types/schema'
+import { Blog as SanityBlog } from '../../../../sanity.types'
 
 // Components
 import GradientBorderWrapper from '../../../common/GradientBorderWrapper'

components/sections/maintainers/blogs/Blogs.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityBlog, SanityHomePage } from '../../../../types/schema'
+import { Blog as SanityBlog, HomePage as SanityHomePage } from '../../../../sanity.types'
 import { useInView } from 'react-intersection-observer'
 import { motion } from 'framer-motion'
 

components/sections/maintainers/features/Features.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { SanityHomePage } from '../../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../../sanity.types'
 
 // Components
 import Feature from './Feature'

components/sections/maintainers/testimonials/Testimonial.tsx

@@ -2,7 +2,7 @@ import React, { FC } from 'react'
 import Image from 'next/image'
 import { Transition, motion } from 'framer-motion'
 import { useInView } from 'react-intersection-observer'
-import { SanityTestimonial } from '../../../../types/schema'
+import { Testimonial as SanityTestimonial } from '../../../../sanity.types'
 
 // Components
 import GradientBorderWrapper from '../../../common/GradientBorderWrapper'

components/sections/maintainers/testimonials/Testimonials.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useState } from 'react'
-import { SanityHomePage, SanityTestimonial } from '../../../../types/schema'
+import { HomePage as SanityHomePage, Testimonial  as SanityTestimonial } from '../../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../../common/layout/SectionWrapper'

components/sections/navigation/DesktopNavigation.tsx

@@ -6,7 +6,7 @@ import { useRouter } from 'next/router'
 // Components
 import { Button } from '../../common'
 import { Menu } from '@headlessui/react'
-import { SanityNavigation } from '../../../types/schema'
+import { Navigation as SanityNavigation } from '../../../sanity.types'
 
 interface DesktopNavigationProps {
   navigationItems: SanityNavigation[]

components/sections/navigation/Header.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityNavigation } from '../../../types/schema'
+import { Navigation as SanityNavigation } from '../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../common/layout/SectionWrapper'

components/sections/navigation/MobileNavigation.tsx

@@ -1,7 +1,7 @@
 import React, { FC, ReactElement } from 'react'
 import Image from 'next/image'
 import Link from 'next/link'
-import { SanityNavigation } from '../../../types/schema'
+import { Navigation as SanityNavigation } from '../../../sanity.types'
 
 import DropdownMenu from './DropdownMenu'
 

components/sections/pricing/features/Features.tsx

@@ -1,6 +1,6 @@
 import React, { FC, ReactElement } from 'react'
 import SectionWrapper from '../../../common/layout/SectionWrapper'
-import { SanityPricingPage } from '../../../../types/schema'
+import { PricingPage as SanityPricingPage } from '../../../../sanity.types'
 import { getPartialString, getPartialStringFromEnd } from '../../../../utils/stringUtils'
 
 // Components

components/sections/pricing/pricing/Pricing.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityPricingPage } from '../../../../types/schema'
+import { PricingPage as SanityPricingPage } from '../../../../sanity.types'
 import { getPartialString, getPartialStringFromEnd } from '../../../../utils/stringUtils'
 import GradientBorderWrapper from '../../../common/GradientBorderWrapper'
 import SectionWrapper from '../../../common/layout/SectionWrapper'

components/sections/teams/CTA.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 
 // Components
 import SectionWrapper from '../../common/layout/SectionWrapper'

components/sections/teams/GitHubMock.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import Image from 'next/image'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 import useMediaQuery from '../../hooks/useMediaQuery'
 
 // Static Assets

components/sections/teams/Insights.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement } from 'react'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 
 // Components
 import { Button } from '../../common'

components/sections/teams/TeamsHero.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import Link from 'next/link'
-import { SanityHomePage } from '../../../types/schema'
+import { HomePage as SanityHomePage } from '../../../sanity.types'
 
 import SectionWrapper from '../../common/layout/SectionWrapper'
 import DecoratedText from '../../common/text/utils/DecoratedText'

components/sections/teams/TeamsLogos.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { SanityUser } from '../../../types/schema'
+import { User as SanityUser } from '../../../sanity.types'
 
 import SectionWrapper from '../../common/layout/SectionWrapper'