purserj/angrybeanie-front-end
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Add opengraph information to Gallery image

Browse source
This commit is contained in:
James Purser 2022-09-11 13:54:16 +10:00
parent e4019d38d4
commit 25aca2bfca
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
pages/galleryimages/[galleryImage].js
View file

@ -4,14 +4,21 @@ import getConfig from 'next/config'
import "../../components/main.js" import "../../components/main.js"
import Layout from "../../components/main.js" import Layout from "../../components/main.js"
import { getAllGalleryImages, getGalleryImage } from "../../data/external/cms.js"; import { getAllGalleryImages, getGalleryImage } from "../../data/external/cms.js";
import config from "../../data/internal/config"
const galleryImage = ({pagedata, imageDetails, basepath} ) => { const galleryImage = ({pagedata, imageDetails, basepath, config} ) => {
if(!imageDetails) return null if(!imageDetails) return null
return (<Layout pagedata={pagedata} imageDetails={imageDetails}> return (<Layout pagedata={pagedata} imageDetails={imageDetails}>
<Head> <Head>
<meta name="twitter:card" content={ imageDetails.data[0].attributes.Description } key="twcard" />
<meta name="twitter:creator" content="angrybeanie" key="twhandle" />
<meta name="og:url" content={config.siteURL + "/galleryimages/" + imageDetails.data[0].attributes.Slug}></meta>
<meta name="og:type" content="article"></meta>
<meta name="og:title" content={ imageDetails.data[0].attributes.Title } key="title"></meta>
<meta name="og:description" content={ imageDetails.data[0].attributes.Description } key="description"></meta>
<meta name="og:image" content={basepath + imageDetails.data[0].attributes.Image.data.attributes.formats.large.url}></meta>
</Head> </Head>
<div className="main_content col-sm-12"> <div className="main_content col-sm-12">
<Image <Image
@ -58,7 +65,7 @@ export async function getStaticProps (context){
} }
return { return {
props: { pagedata, imageDetails: galImage, basepath: serverRuntimeConfig.media_path }, props: { pagedata, imageDetails: galImage, basepath: serverRuntimeConfig.media_path, config },
revalidate: 60 revalidate: 60
} }
} }