fix: use the cloudinary og image as a default

badass-courses · Feb 1, 2024 · a232e03 · a232e03
1 parent 97fb275
commit a232e03
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/apps/course-builder-web/src/app/[article]/page.tsx b/apps/course-builder-web/src/app/[article]/page.tsx
@@ -23,7 +23,7 @@ export async function generateMetadata({ params, searchParams }: Props, parent:
     return parent as Metadata
   }
 
-  const customOgImage = article.socialImage
+  const customOgImage = article.socialImage || getOGImageUrlForTitle(article.title)
 
   return {
     title: article.title,

diff --git a/apps/course-builder-web/src/trpc/api/routers/articles.ts b/apps/course-builder-web/src/trpc/api/routers/articles.ts
@@ -8,6 +8,7 @@ import { getServerAuthSession } from '@/server/auth'
 import { sanityMutation } from '@/server/sanity.server'
 import { createTRPCRouter, protectedProcedure, publicProcedure } from '@/trpc/api/trpc'
 import { toChicagoTitleCase } from '@/utils/chicagor-title'
+import { getOGImageUrlForTitle } from '@/utils/get-og-image-for-title'
 import slugify from '@sindresorhus/slugify'
 import { customAlphabet } from 'nanoid'
 import { v4 } from 'uuid'
@@ -73,7 +74,8 @@ export const articlesRouter = createTRPCRouter({
             _type: 'article',
             state: 'draft',
             visibility: 'unlisted',
-            title: toChicagoTitleCase(input.title),
+            socialImage: getOGImageUrlForTitle(input.title),
+            title: input.title,
             slug: {
               current: slugify(`${input.title}~${nanoid()}`),
             },
@@ -100,6 +102,7 @@ export const articlesRouter = createTRPCRouter({
             set: {
               'slug.current': `${slugify(input.title)}~${nanoid()}`,
               title: toChicagoTitleCase(input.title),
+              socialImage: getOGImageUrlForTitle(input.title),
             },
           },
         },