angrybeanie-front-end/components/episodesidebar.js

import Link from 'next/link'

const EpisodeSideBar = (epdata) => {
    console.log(epdata.epdata.data[0].attributes)
    return (<div className="side_content col-md-3">
        <h2>Latest Episodes</h2>
        <hr />
       {epdata.epdata.data.map((episode) =>  (
            <div key={episode.Slug}>
                <h2><Link href="/podcasts/shows/[show_slug]/episodes/[slug]" as={"/podcasts/shows/" + episode.attributes.podcast_sery.data.attributes.Slug + "/episodes/" + episode.attributes.Slug}>{episode.attributes.Title}</Link></h2>
                <div dangerouslySetInnerHTML={{__html: episode.Description}} />
                <hr />
            </div>
        ))}
    </div> )
};
    
export default EpisodeSideBar