featurePodcast.js

import React from 'react';
import classnames from 'classnames';
import useBaseUrl from '@docusaurus/useBaseUrl';
import styles from '../pages/styles.module.css';
import Soundcloud from '../components/soundcloud';
import SpotifyCompact from '../components/spotifyCompact';
import VideoPlayer from '../components/videoPlayer';

export default function FeaturePodcast(props) {
    var defined = function(property) {
        return typeof property !== 'undefined';
    };

    if (!props.featured) {
        return null;
    }

    return (
        <div className={classnames('text--center col col--4 padding')}>
            <h3>{props.title}</h3>
            {props.type === "soundcloud" && <Soundcloud scsrc={props.src} />}
            {props.type === "spotify" && <SpotifyCompact scsrc={props.src} />}
            {props.type === "video" && <VideoPlayer scsrc={props.src} />}
            {props.type !== "video" && defined(props.podcastUrl) && props.podcastUrl !== '' && (
                <a href={props.podcastUrl}>{props.podcast}</a>
            )}
            {defined(props.description) && props.description !== '' && (
                <p>{props.description}</p>
            )}
        </div>
    );
};