import Head from "next/head"; import Image from "next/legacy/image"; import getConfig from 'next/config' import "../../../components/main" import Layout from "../../../components/main.js" import { getAllGalleryImages, getGalleryImage } from "../../../data/external/cms.js"; import config from "../../../data/internal/config.js" const galleryImage = ({pagedata, imageDetails, basepath, config} ) => { if(!imageDetails) return null let sanitisedDesc = imageDetails.data[0].attributes.Description.replace(/(<([^>]+)>)/gi, "") return (

{imageDetails.data[0].attributes.Image.data.attributes.alternativeText}

Photo Information

Title: {imageDetails.data[0].attributes.Title}

Gallery: {imageDetails.data[0].attributes.galleries.data[0].attributes.Title}

) } export default galleryImage export async function getStaticPaths() { const posts = await getAllGalleryImages() const paths = posts.data.map((post) => ({ params: { galleryImage: post.attributes.Slug, gallery: post.attributes.galleries.data[0].attributes.Slug }, })) return { paths, fallback: true // false or 'blocking' }; } export async function getStaticProps (context){ const { serverRuntimeConfig } = getConfig() const slug = context.params.galleryImage const galImage = await getGalleryImage(slug) const pagedata = { 'title': "Angry Beanie - " + galImage.data[0].attributes.Title } return { props: { pagedata, imageDetails: galImage, basepath: serverRuntimeConfig.media_path, config }, revalidate: 60 } }