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

Applied page_title style

Browse source 
Fixed up reference to .env.local
This commit is contained in:
James Purser 2022-07-17 12:38:51 +10:00
parent 5b2c73a6a0
commit ebf9bfb8ea
6 changed files with 20 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
lib/gtag.js
View file

@ -1,4 +1,6 @@
export const GA_TRACKING_ID = 'G-HDSXTW54QC' export const GA_TRACKING_ID = process.env.GTAG //'G-HDSXTW54QC'
console.log(GA_TRACKING_ID)
// https://developers.google.com/analytics/devguides/collection/gtagjs/pages // https://developers.google.com/analytics/devguides/collection/gtagjs/pages
export const pageview = (url) => { export const pageview = (url) => {

5
next.config.js
View file

@ -11,12 +11,13 @@ module.exports = {
base_path: 'http://localhost:1337/api/', base_path: 'http://localhost:1337/api/',
audio_path: 'https://audio.angrybeanie.com/', audio_path: 'https://audio.angrybeanie.com/',
media_path: process.env.MEDIA_BASE, media_path: process.env.MEDIA_BASE,
strapi_token: process.env.STRAPI_TOKEN strapi_token: process.env.STRAPI_TOKEN,
gtag: process.env.GTAG
}, },
images: { images: {
domains: ['www.angrybeanie.com', 'localhost', 'cms.local.angrybeanie.com'] domains: ['www.angrybeanie.com', 'localhost', 'cms.local.angrybeanie.com']
}, },
publicRuntimeConfig: { publicRuntimeConfig: {
analytics_code: 'UA-2497299-19' analytics_code: process.env.GTAG
} }
} }

12
pages/galleries/[gallery].js
View file

@ -3,6 +3,8 @@ import getConfig from 'next/config'
import Layout from "../../components/main.js" import Layout from "../../components/main.js"
import { getGallery, getGalleryImages } from "../../data/external/cms.js" import { getGallery, getGalleryImages } from "../../data/external/cms.js"
import GalleryPager from "../../components/gallerypager.js" import GalleryPager from "../../components/gallerypager.js"
import Head from 'next/head'
import config from "../../data/internal/config"
export async function getServerSideProps(context) { export async function getServerSideProps(context) {
@ -19,7 +21,7 @@ export async function getServerSideProps(context) {
const { serverRuntimeConfig } = getConfig() const { serverRuntimeConfig } = getConfig()
const pagedata = { const pagedata = {
'title': "Angry Beanie - " + gallery.Title 'title': "Angry Beanie - " + gallery.data[0].attributes.Title
} }
return { return {
@ -32,6 +34,14 @@ const Gallery = ({pagedata, gallery, galleryImages, serverRuntimeConfig}) => {
console.log(gallery) console.log(gallery)
return( return(
<Layout pagedata={pagedata}> <Layout pagedata={pagedata}>
<Head>
<meta name="twitter:card" content={ gallery.attributes.Title } key="twcard" />
<meta name="twitter:creator" content="angrybeanie" key="twhandle" />
<meta name="og:url" content={config.siteURL + "/galleries/" + gallery.attributes.Slug}></meta>
<meta name="og:type" content="Photo Gallery"></meta>
<meta name="og:title" content={ gallery.attributes.Title } key="title"></meta>
<meta name="og:description" content={ gallery.attributes.Description } key="description"></meta>
</Head>
<h1 className="page_title col-sm-12">{gallery.attributes.Title}</h1> <h1 className="page_title col-sm-12">{gallery.attributes.Title}</h1>
<GalleryPager gallery={galleryImages} basepath={serverRuntimeConfig.media_path}></GalleryPager> <GalleryPager gallery={galleryImages} basepath={serverRuntimeConfig.media_path}></GalleryPager>
</Layout> </Layout>

2
pages/news/[slug].js
View file

@ -47,7 +47,7 @@ const Article = ({article_obj, sections, pagedata, stories, serverRuntimeConfig,
{ article_obj.FeatureImage.data != null && { article_obj.FeatureImage.data != null &&
<FeatureImage imagedata = {featureImage} basepath = {serverRuntimeConfig.media_path} ></FeatureImage> <FeatureImage imagedata = {featureImage} basepath = {serverRuntimeConfig.media_path} ></FeatureImage>
} }
<h1>{ article_obj.Title }</h1> <h1 className="page_title col-sm-12">{ article_obj.Title }</h1>
<div className="article_body" dangerouslySetInnerHTML={{ __html: article_obj.Body }}></div> <div className="article_body" dangerouslySetInnerHTML={{ __html: article_obj.Body }}></div>
</div> </div>
<StorySideBar stories={stories} /> <StorySideBar stories={stories} />

2
pages/podcasts/shows/[podcast].js
View file

@ -30,7 +30,7 @@ export async function getServerSideProps(context) {
} }
const Podcast = (props) => ( const Podcast = (props) => (
<Layout pagedata={props.pagedata} sections={props.sections} showdata={props.showdata}> <Layout pagedata={props.pagedata} sections={props.sections} showdata={props.showdata}>
<h1>{props.showdata.title}</h1> <h1 className="page_title col-sm-12">{props.showdata.title}</h1>
<EpisodePager episodedata={props.epdata} config={props.serverRuntimeConfig} showdata={props.showdata}/> <EpisodePager episodedata={props.epdata} config={props.serverRuntimeConfig} showdata={props.showdata}/>
<ShowSideBar props={props.showdata}></ShowSideBar> <ShowSideBar props={props.showdata}></ShowSideBar>
</Layout> </Layout>

2
pages/tech-and-disability.js
View file

@ -37,7 +37,7 @@ function Project({ articles, sections, pagedata, project, rssFeed }) {
<link rel="alternate" type="application/rss+xml" title="Tech and Disability Feed" href={rssFeed} /> <link rel="alternate" type="application/rss+xml" title="Tech and Disability Feed" href={rssFeed} />
</Head> </Head>
<Layout sections={sections} pagedata={pagedata}> <Layout sections={sections} pagedata={pagedata}>
<h1>{project.data[0].attributes.Title}</h1> <h1 className="page_title col-sm-12">{project.data[0].attributes.Title}</h1>
<div dangerouslySetInnerHTML={{ __html: project.data[0].attributes.Description }}></div> <div dangerouslySetInnerHTML={{ __html: project.data[0].attributes.Description }}></div>
<StoryPager storydata={articles} /> <StoryPager storydata={articles} />
</Layout></div> </Layout></div>