import "../components/main.js"
import Layout from "../components/main.js"
import Link from 'next/link'
import getConfig from 'next/config'
import Image from 'next/image';

export async function getServerSideProps(context) {
    const { serverRuntimeConfig, publicRuntimeConfig } = getConfig()
    const secres = await fetch(serverRuntimeConfig.base_path + `/api/sections`)
    const secdata = await secres.json()

    const podcastres = await fetch(serverRuntimeConfig.base_path + `/api/podcasts/bystatus/1`)
    const podcastdata = await podcastres.json()

    const episodedata = "hi there"

    const pagedata = {'title': 'Angry Beanie - Current Podcast Projects'}

    return {
        props: { sections : secdata, podcastdata, episodedata, pagedata }, // will be passed to the page component as props
    }
}

const Podcasts = ({sections, podcastdata, episodedata, pagedata}) =>  (
    <Layout sections={sections} episodedata={episodedata} pagedata={pagedata}></Layout>
)

export default Podcasts