angrybeanie-front-end/components/episodesidebar.js

import Link from 'next/link'

const EpisodeSideBar = (epdata) => (
    <div className="side_content col-md-3">
        <h2>Latest Episodes</h2>
        <hr />
       {epdata.map((episode) =>  (
            <div key={episode.episode_slug}>
                <h2><Link href="/podcasts/shows/[show_slug]/[slug]" as={"/podcasts/shows/" + episode.show_slug + "/" + episode.episode_slug}>{episode.title}</Link></h2>
                <div dangerouslySetInnerHTML={{__html: episode.episode_lead}} />
                <hr />
            </div>
        ))}
    </div>
    );
    
export default EpisodeSideBar