fix: stega bugs (#520)

sanity-io · Oct 22, 2024 · 383eae3 · 383eae3
1 parent 9142eb1
commit 383eae3
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/components/IndexPageHead.tsx b/components/IndexPageHead.tsx
@@ -2,7 +2,7 @@ import BlogMeta from 'components/BlogMeta'
 import * as demo from 'lib/demo.data'
 import { Settings } from 'lib/sanity.queries'
 import Head from 'next/head'
-import { toPlainText } from 'next-sanity'
+import { stegaClean, toPlainText } from 'next-sanity'
 
 export interface IndexPageHeadProps {
   settings: Settings
@@ -18,7 +18,7 @@ export default function IndexPageHead({ settings }: IndexPageHeadProps) {
 
   return (
     <Head>
-      <title>{title}</title>
+      <title>{stegaClean(title)}</title>
       <BlogMeta />
       <meta
         key="description"

diff --git a/components/PostPageHead.tsx b/components/PostPageHead.tsx
@@ -3,6 +3,7 @@ import * as demo from 'lib/demo.data'
 import { urlForImage } from 'lib/sanity.image'
 import { Post, Settings } from 'lib/sanity.queries'
 import Head from 'next/head'
+import { stegaClean } from 'next-sanity'
 
 export interface PostPageHeadProps {
   settings: Settings
@@ -13,7 +14,9 @@ export default function PostPageHead({ settings, post }: PostPageHeadProps) {
   const title = settings.title ?? demo.title
   return (
     <Head>
-      <title>{post.title ? `${post.title} | ${title}` : title}</title>
+      <title>
+        {stegaClean(post.title ? `${post.title} | ${title}` : title)}
+      </title>
       <BlogMeta />
       {post.coverImage?.asset?._ref && (
         <meta

diff --git a/plugins/locate.ts b/plugins/locate.ts
@@ -28,8 +28,8 @@ export const locate: DocumentLocationResolver = (params, context) => {
         return {
           locations: [
             {
-              title: doc.title || 'Untitled',
-              href: `/posts/${doc.slug.current}`,
+              title: doc?.title || 'Untitled',
+              href: `/posts/${doc?.slug?.current}`,
             },
             {
               title: 'Home',
@@ -58,8 +58,8 @@ export const locate: DocumentLocationResolver = (params, context) => {
       map((docs) => {
         return {
           locations: docs?.map((doc) => ({
-            title: doc.title || 'Untitled',
-            href: `/posts/${doc.slug.current}`,
+            title: doc?.title || 'Untitled',
+            href: `/posts/${doc?.slug?.current}`,
           })),
         }
       }),