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>
        );
    }
}

@@ -100,16 +100,67 @@
 sTable';
+%0Aimport EmptySlate from '../containers/EmptySlate';
 %0A%0Aexport
@@ -433,16 +433,167 @@
 lable%22%3E%0A
+                %7BdailyPrices.length === 0 ?%0A                    %3CEmptySlate img=%22img/daily-prices.svg%22 text=%22Daily prices data not available%22 /%3E :%0A    
         
@@ -646,16 +646,17 @@
 ices%7D /%3E
+%7D
 %0A       

Add empty slate for cases where daily prices is not allowed