import React, { PureComponent, PropTypes } from 'react';
import DailyPricesTable from './DailyPricesTable';

export default class DailyPricesCard extends PureComponent {

    static propTypes = {
        dailyPrices: PropTypes.array.isRequired,
    };

    render() {
        const { dailyPrices } = this.props;

        return (
            <div className="daily-prices-card scrollable">
                <DailyPricesTable dailyPrices={dailyPrices} />
            </div>
        );
    }
}

import React, { PureComponent, PropTypes } from 'react';
import DailyPricesTable from './DailyPricesTable';
import EmptySlate from '../containers/EmptySlate';

export default class DailyPricesCard extends PureComponent {

    static propTypes = {
        dailyPrices: PropTypes.array.isRequired,
    };

    render() {
        const { dailyPrices } = this.props;

        return (
            <div className="daily-prices-card scrollable">
                {dailyPrices.length === 0 ?
                    <EmptySlate img="img/daily-prices.svg" text="Daily prices data not available" /> :
                    <DailyPricesTable dailyPrices={dailyPrices} />}
            </div>
        );
    }
}

Add empty slate for cases where daily prices is not allowed