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

Fix for Episode title placement and Podcasts main page

Browse source
This commit is contained in:
James Purser 2022-08-23 14:25:38 +10:00
parent ebf9bfb8ea
commit d5a8feacdc
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
pages/podcasts.js
View file

@ -11,8 +11,6 @@ export async function getServerSideProps(context) {
const secdata = await secres.json() const secdata = await secres.json()
const currpodcastlist = await getPodcastList(true) const currpodcastlist = await getPodcastList(true)
console.log(currpodcastlist.data[0].attributes.Logo.data.attributes.formats)
const archpodcastlist = await getPodcastList(false) const archpodcastlist = await getPodcastList(false)
@ -25,7 +23,9 @@ export async function getServerSideProps(context) {
} }
} }
const Podcasts = ({sections, currpodcastlist, archpodcastlist, episodedata, pagedata, serverRuntimeConfig}) => ( const Podcasts = ({sections, currpodcastlist, archpodcastlist, episodedata, pagedata, serverRuntimeConfig}) => {
return (
<Layout sections={sections} episodedata={episodedata} pagedata={pagedata} serverRuntimeConfig> <Layout sections={sections} episodedata={episodedata} pagedata={pagedata} serverRuntimeConfig>
<h1 className="page_title col-sm-12">Podcasts</h1> <h1 className="page_title col-sm-12">Podcasts</h1>
<div className="page_body col-sm-12"><p>Over the years I have made a number of podcasts.</p></div> <div className="page_body col-sm-12"><p>Over the years I have made a number of podcasts.</p></div>
@ -45,7 +45,8 @@ const Podcasts = ({sections, currpodcastlist, archpodcastlist, episodedata, page
</div> </div>
<div className="col-sm-6"> <div className="col-sm-6">
<h2>Archived Podcasts</h2> <h2>Archived Podcasts</h2>
{archpodcastlist.map((podcast) => ( {archpodcastlist.length > 0 &&
archpodcastlist.map((podcast) => (
<div> <div>
<Image <Image
src={serverRuntimeConfig.media_path + "/" + podcast.attributes.Logo.data.attributes.formats.thumbnail.url} src={serverRuntimeConfig.media_path + "/" + podcast.attributes.Logo.data.attributes.formats.thumbnail.url}
@ -57,7 +58,7 @@ const Podcasts = ({sections, currpodcastlist, archpodcastlist, episodedata, page
))} ))}
</div> </div>
</div> </div>
</Layout> </Layout>)
) }
export default Podcasts export default Podcasts

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

@ -50,8 +50,8 @@ const Episode = ( props ) => {
<meta name="og:title" content={ props.episode.data[0].attributes.Title } key="title"></meta> <meta name="og:title" content={ props.episode.data[0].attributes.Title } key="title"></meta>
<meta name="og:description" content={ props.episode.data[0].attributes.Body } key="description"></meta> <meta name="og:description" content={ props.episode.data[0].attributes.Body } key="description"></meta>
</Head> </Head>
<h1>{props.episode.data[0].attributes.Title}</h1>
<div className="main_content col-md-9 col-sm-12"> <div className="main_content col-md-9 col-sm-12">
<h1>{props.episode.data[0].attributes.Title}</h1>
<AudioPlayer <AudioPlayer
src={props.audiodata.audio_mp3.url} src={props.audiodata.audio_mp3.url}
onPlay={e => gtag.event({action: "play", category:"audio", label: "audio started", value: props.audiodata.audio_mp3})} onPlay={e => gtag.event({action: "play", category:"audio", label: "audio started", value: props.audiodata.audio_mp3})}