Merge pull request #30 from sanity-io/next-13

update visual editing
sanity-io · Jul 12, 2023 · f1d3028 · f1d3028 · vercel · Jul 12, 2023
2 parents 643b5ad + ba42f83
commit f1d3028
Show file tree

Hide file tree

Showing 11 changed files with 1,120 additions and 1,135 deletions.
diff --git a/.gitignore b/.gitignore
@@ -22,4 +22,6 @@ yarn-error.log*
 # backups
 *.tar.gz
 
-.yalc
+.yalc
+# Local Netlify folder
+.netlify
diff --git a/web/app/[language]/[course]/[lesson]/page.tsx b/web/app/[language]/[course]/[lesson]/page.tsx
@@ -13,7 +13,7 @@ import {lessonQuery} from '@/sanity/queries'
 export async function generateStaticParams() {
   const lessons = await getLessonsWithSlugs()
 
-  const params = lessons
+  const params: {language: string; course: string; lesson: string}[] = lessons
     .map((lesson) => ({
       ...lesson,
       // Couldn't filter down the object of slugs in the GROQ query,

diff --git a/web/app/[language]/[course]/page.tsx b/web/app/[language]/[course]/page.tsx
@@ -19,7 +19,7 @@ export const metadata: Metadata = {
 export async function generateStaticParams() {
   const courses = await getCoursesWithSlugs()
 
-  const params = courses
+  const params: {language: string; course: string}[] = courses
     .map((course) =>
       i18n.languages
         .map((language) =>

diff --git a/web/app/[language]/layout.tsx b/web/app/[language]/layout.tsx
@@ -11,6 +11,7 @@ import {lazy} from 'react'
 
 import ExitPreview from '@/components/ExitPreview'
 import LegalLinks from '@/components/LegalLinks'
+import VisualEditing from '@/components/VisualEditing'
 import {COMMON_PARAMS, getLegals} from '@/sanity/loaders'
 const PreviewProvider = lazy(() => import('@/components/PreviewProvider'))
 
@@ -30,6 +31,10 @@ export default async function RootLayout(props) {
     </>
   )
 
+  const enableVisualEditing =
+    (process.env.NETLIFY && process.env.CONTEXT !== 'production') ||
+    process.env.NODE_ENV === 'development'
+
   return (
     <html lang={props.params.language}>
       <head>
@@ -44,6 +49,7 @@ export default async function RootLayout(props) {
         ) : (
           children
         )}
+        {enableVisualEditing ? <VisualEditing /> : null}
       </body>
     </html>
   )

diff --git a/web/components/VisualEditing.tsx b/web/components/VisualEditing.tsx
@@ -0,0 +1,10 @@
+'use client'
+
+import {enableVisualEditing} from '@sanity/overlays'
+import {useEffect} from 'react'
+
+export default function VisualEditing() {
+  useEffect(enableVisualEditing, [])
+
+  return null
+}