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

Selects thumbnail format

Browse source
This commit is contained in:
James Purser 2022-06-26 21:25:52 +10:00
parent fbfda46913
commit bb629492d8
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
pages/index.js
View file

@ -39,7 +39,7 @@ export async function getStaticProps(context) {
const article = artdata.data[0].attributes const article = artdata.data[0].attributes
const epdata = await getLatestPodcastEpisode() const epdata = await getLatestPodcastEpisode()
console.log(epdata.Logo.data.attributes.height) console.log(epdata.Logo.data.attributes)
const flickr = await fetch('https://www.flickr.com/services/feeds/photos_public.gne?id=25875680@N05&lang=en-us&format=json&nojsoncallback=1') const flickr = await fetch('https://www.flickr.com/services/feeds/photos_public.gne?id=25875680@N05&lang=en-us&format=json&nojsoncallback=1')
const flickrdata = await flickr.json() const flickrdata = await flickr.json()
@ -88,11 +88,11 @@ function HomePage (props) {
<div className="card-img-top"> <div className="card-img-top">
{/* <img src={props.episodedata.Logo.data.attributes.url} alt={episode.show} height={props.episodedata.Logo.data.attributes.height}></img> */} {/* <img src={props.episodedata.Logo.data.attributes.url} alt={episode.show} height={props.episodedata.Logo.data.attributes.height}></img> */}
<Image <Image
src={props.siteConfig.siteURL + props.episodedata.Logo.data.attributes.url} src={props.siteConfig.siteURL + props.episodedata.Logo.data.attributes.formats.thumbnail.url}
alt={episode.show} alt={episode.show}
layout="fixed" layout="fixed"
height={props.episodedata.Logo.data.attributes.height} height={props.episodedata.Logo.data.attributes.formats.thumbnail.height}
width={props.episodedata.Logo.data.attributes.width} width={props.episodedata.Logo.data.attributes.formats.thumbnail.width}
className="card-img-top" className="card-img-top"
></Image> ></Image>
</div> </div>