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

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

--- 
+++ 
@@ -1,5 +1,6 @@
 import React, { PureComponent, PropTypes } from 'react';
 import DailyPricesTable from './DailyPricesTable';
+import EmptySlate from '../containers/EmptySlate';
 
 export default class DailyPricesCard extends PureComponent {
 
@@ -12,7 +13,9 @@
 
         return (
             <div className="daily-prices-card scrollable">
-                <DailyPricesTable dailyPrices={dailyPrices} />
+                {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
