empty cart now contains suggestions

front-ui/app/components/cart/cartPage.js

@@ -7,6 +7,7 @@ var React = require('react'),
     Globals = require('../../globals'),
     LinkBanner = require('../linkBanner/linkBanner'),
     CartTotal = require('./cartTotal');
+    AllItemsInGroup = require('../items/allItemsInGroup');
 
 
 var Router = require('react-router');
@@ -97,7 +98,12 @@ var CartPage = React.createClass({
 
       if (displayedItems.length <= 0) {
         cartTotal = (<div></div>)
-        buySomethingMessage = (<div>Nemate ni jedan artikal u vašoj korpi. Kada vidite nešto što vam se sviđa - pritisnite dugme KUPI pored artikla kako biste ga dodali u korpu. </div>)
+        buySomethingMessage = (<div>
+             <div className="text-primary">Nemate ni jedan artikal u vašoj korpi. Kada vidite nešto što vam se sviđa - pritisnite dugme UBACI U KORPU pored artikla kako biste ga dodali u korpu.</div>
+             <div>Evo nekoliko artikala koje vam možemo preporučiti: </div>
+             <AllItemsInGroup groupId={Globals.ItemGroupIdOfEmptyCartPage} />
+
+          </div>)
         content = buySomethingMessage;
       } else {
         content = (<div>

front-ui/app/components/items/allItemsInGroup.js

@@ -15,7 +15,8 @@ var AllItemsInGroup = React.createClass({
 
     // Add change listeners to stores
     componentDidMount: function() {
-      ItemActions.loadBestSellingItemsForGroup(NavigationStore.getGroupIdFromUrl());
+      var groupId = this.props.groupId || NavigationStore.getGroupIdFromUrl();
+      ItemActions.loadBestSellingItemsForGroup(groupId);
       ItemStore.addChangeListener(this._onChange);
     },
 

front-ui/app/globals.js

@@ -2,6 +2,7 @@ module.exports = {
     ApiUrl: '@@apiEndpoint',
     DefaultPageSize: 24,
     ItemGroupIdOfStartPage: "1",
+    ItemGroupIdOfEmptyCartPage: "1",
     FormatCurrency: function(amount_s) {
     	var amount = parseFloat(amount_s);
     	return ( amount.toFixed(2) + " KM" )