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

Added Gallery Image Feed to header

Browse source
This commit is contained in:
James Purser 2024-12-30 11:33:53 +11:00
parent 8d505e6563
commit 2d76c34e2d
3 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/gallerycarousel.js
View file

@ -8,7 +8,7 @@ const GalleryCarousel = ({galleryImages, basepath, gallery}) => {
const bootstrap = galleryImages.data; const bootstrap = galleryImages.data;
const [index, setIndex] = useState(0); const [index, setIndex] = useState(0);
console.log(bootstrap) //console.log(bootstrap)
const handleSelect = (selectedIndex, e) => { const handleSelect = (selectedIndex, e) => {
setIndex(selectedIndex); setIndex(selectedIndex);

2
pages/gallery/[gallery].js
View file

@ -19,7 +19,7 @@ export async function getServerSideProps(context) {
const galleryImages = await getGalleryImages(context.params.gallery, page, 9) const galleryImages = await getGalleryImages(context.params.gallery, page, 9)
console.log(galleryImages) //console.log(galleryImages)
const { serverRuntimeConfig } = getConfig() const { serverRuntimeConfig } = getConfig()

15
pages/photography.js
View file

@ -2,6 +2,8 @@ import Layout from "../components/main.js"
import GalleryList from "../components/gallerylist.js" import GalleryList from "../components/gallerylist.js"
import { getAllGalleries } from "../data/external/cms.js" import { getAllGalleries } from "../data/external/cms.js"
import getConfig from 'next/config' import getConfig from 'next/config'
import config from "../data/internal/config"
import Head from 'next/head'
export async function getStaticProps({params}) { export async function getStaticProps({params}) {
@ -9,18 +11,23 @@ export async function getStaticProps({params}) {
title: "Angrybeanie - Photography" title: "Angrybeanie - Photography"
} }
const gallerylist = await getAllGalleries()
const { serverRuntimeConfig } = getConfig() const { serverRuntimeConfig } = getConfig()
const rssFeed = config.siteURL+"/feed/gallery-images-feed.xml"
const gallerylist = await getAllGalleries()
return { return {
props: { pagedata, serverRuntimeConfig, gallerylist }, props: { pagedata, serverRuntimeConfig, gallerylist, rssFeed },
revalidate: 60 revalidate: 60
} }
} }
const Page = ({pagedata, serverRuntimeConfig, gallerylist}) => { const Page = ({pagedata, serverRuntimeConfig, gallerylist, rssFeed}) => {
return(<Layout pagedata={pagedata} serverRuntimeConfig={serverRuntimeConfig} gallerylist={gallerylist}> return(<Layout pagedata={pagedata} serverRuntimeConfig={serverRuntimeConfig} gallerylist={gallerylist}>
<Head>
<link rel="alternate" type="application/rss+xml" title="Gallery Image Feed" href={rssFeed} />
</Head>
<h1 className="page_title col-sm-12">Photography</h1> <h1 className="page_title col-sm-12">Photography</h1>
<div className="col-sm-12 col-md-6 article_body"> <div className="col-sm-12 col-md-6 article_body">
<p>I've always been drawn to photography. As a kid my Dad used to have his own darkroom and I remember the smell <p>I've always been drawn to photography. As a kid my Dad used to have his own darkroom and I remember the smell