angrybeanie-front-end/components/showsidebar.js

import Image from "next/legacy/image";
import { Link } from 'react-router-dom';
import config from '../data/internal/config'

const ShowSideBar = (props) => {
    return(
<div className="side_content col-md-3">
    <Image
        src={config.siteURL + props.props.data[0].attributes.Logo.data.attributes.url}
        height={props.props.data[0].attributes.Logo.data.attributes.height}
        width={props.props.data[0].attributes.Logo.data.attributes.width}
    />
    <div dangerouslySetInnerHTML={{ __html: props.props.data[0].attributes.Description }}></div>
    <h2>Feeds</h2>
    <div><a href={props.props.data[0].attributes.iTunesLink}>
        Apple Podcast Feed <br />
            <img src="/images/iTunes.png" alt="Get it on iTunes"></img>
        </a></div>
    <div><a href={props.props.data[0].attributes.rssLink+".xml"}>
        RSS Feed <br></br>
            <img src="/images/rss.png" alt="RSS Feed"></img>
        </a></div>
</div>);
}

export default ShowSideBar