update meta data of page blok

the-kwisatz-haderach · Jan 15, 2024 · e2609b0 · e2609b0
1 parent 78b2b55
commit e2609b0
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 6 deletions.
diff --git a/components/StoryBlok/PageBlok/PageBlok.tsx b/components/StoryBlok/PageBlok/PageBlok.tsx
@@ -1,14 +1,10 @@
 import { StoryblokComponent, storyblokEditable } from '@storyblok/react'
 import Head from 'next/head'
 import { ReactElement } from 'react'
-import { BlokType } from '../../../lib/storyblok/types'
+import { BlokType, IPageBlok } from '../../../lib/storyblok/types'
 
 export interface Props {
-  blok: BlokType<{
-    description: string
-    title: string
-    body: BlokType[]
-  }>
+  blok: BlokType<IPageBlok>
 }
 
 export default function Page({ blok }: Props): ReactElement {
@@ -33,6 +29,13 @@ export default function Page({ blok }: Props): ReactElement {
             content={blok.description}
           />
         )}
+        {blok.meta_image?.filename && (
+          <meta
+            key="og-image"
+            property="og:image"
+            content={blok.meta_image.filename}
+          />
+        )}
       </Head>
       <div {...storyblokEditable(blok)}>
         {blok.body

diff --git a/lib/storyblok/common/types.ts b/lib/storyblok/common/types.ts
@@ -30,6 +30,7 @@ export interface LinkField {
 export interface ImageField {
   alt: string
   copyright: string
+  content_type: 'jpg'
   fieldtype: 'asset'
   filename: string
   focus: null

diff --git a/lib/storyblok/types.ts b/lib/storyblok/types.ts
@@ -47,6 +47,13 @@ export type PageStory = Story<{
   title?: string
 }>
 
+export interface IPageBlok {
+  body?: StoryBlokComponent[]
+  description?: string
+  title?: string
+  meta_image?: ImageField
+}
+
 export interface IPost {
   title: string
   image: string