+
+
+
@@ -43,7 +50,7 @@ class CoMarketPackagesContainer extends Component {
{
(shopPackages && !isLoading) &&
shopPackages.map((shopPackage, mapKey) => )
}
@@ -57,7 +64,7 @@ class CoMarketPackagesContainer extends Component {
const mapStateToProps = (state) => ({
shopPackages: state.coMarketPackagesReducer.shopPackages,
- selectedCommercialLead: state.coMarketPackagesReducer.selectedCommercialLead,
+ selectedShop: state.coMarketPackagesReducer.selectedShop,
isLoading: state.coMarketPackagesReducer.isLoading
});
diff --git a/frontend/src/containers/coMarket/components/CoMarketCatalogSelect.jsx b/frontend/src/containers/coMarket/components/CoMarketCatalogSelect.jsx
index c16185a..4f519cf 100644
--- a/frontend/src/containers/coMarket/components/CoMarketCatalogSelect.jsx
+++ b/frontend/src/containers/coMarket/components/CoMarketCatalogSelect.jsx
@@ -1,14 +1,14 @@
import React, {Component} from 'react';
import {connect} from 'react-redux';
import Select from 'react-select';
-import {fetchShopPackages, fetchShopCommercialLeads, selectCommercialLead} from '../../../actions/coMarket/coMarketPackagesActions';
+import {fetchShopPackages, fetchShops, selectShop} from '../../../actions/coMarket/coMarketPackagesActions';
import {coMarketTexts} from '../../../constants/coMarketConstants';
class CoMarketCatalogSelect extends Component {
constructor(props) {
super(props);
- this.handleClChange = this.handleClChange.bind(this);
+ this.handleShopChange = this.handleShopChange.bind(this);
this.handleSearchChange = this.handleSearchChange.bind(this);
this.state = {
searchValue : ''
@@ -16,56 +16,57 @@ class CoMarketCatalogSelect extends Component {
}
componentDidMount() {
- this.props.dispatch(fetchShopCommercialLeads());
+ this.props.dispatch(fetchShops(this.props.userInfo.wiaas_id_user));
- if(this.props.commercialLeads && this.props.cartItems && this.props.activeModule==='cart'){
- const cl = this.props.commercialLeads.find((cl) => {return cl.idCommercialLead===this.props.cartItems[0].idCommercialLead});
- this.props.dispatch(selectCommercialLead(cl));
+ if(this.props.shops && this.props.cartItems && this.props.activeModule==='cart'){
+ const cartShop = this.props.shops.find( shop => { return shop.id===this.props.cartItems[0].idCommercialLead });
+ this.props.dispatch(selectShop(cartShop));
}
}
componentWillReceiveProps(nextProps){
- if(nextProps.activeModule==='cart' && nextProps.commercialLeads && nextProps.cartItems && nextProps.cartItems.length > 0){
- const cl = nextProps.commercialLeads.find((cl) => {return cl.idCommercialLead===nextProps.cartItems[0].idCommercialLead});
- nextProps.dispatch(selectCommercialLead(cl));
- }
+ // if(nextProps.activeModule==='cart' && nextProps.shops && nextProps.cartItems && nextProps.cartItems.length > 0){
+ // const cartShop = this.props.shops.find( shop => { return shop.id === this.props.cartItems[0].idCommercialLead });
+ // nextProps.dispatch(selectShop(cartShop));
+ // }
- if(nextProps.commercialLeads && nextProps.idCommercialLead && nextProps.activeModule === 'co-market'){
- const cl = nextProps.commercialLeads.find((cl) => {return cl.idCommercialLead===nextProps.idCommercialLead});
- nextProps.dispatch(selectCommercialLead(cl));
+ if(nextProps.shops && nextProps.idCommercialLead && nextProps.activeModule === 'co-market'){
+ const shop = nextProps.shops.find( shop => {return shop.id === nextProps.idCommercialLead });
+ nextProps.dispatch(selectShop(shop));
}
}
- handleClChange(cl) {
- this.props.dispatch(selectCommercialLead(cl));
- this.props.dispatch(fetchShopPackages(cl));
+ handleShopChange(shop) {
+ this.props.dispatch(selectShop(shop));
+ this.props.dispatch(fetchShopPackages(shop));
}
handleSearchChange(event) {
this.setState({searchValue: event.target.value});
- if (this.props.selectedCommercialLead) {
- this.props.dispatch(fetchShopPackages(this.props.selectedCommercialLead, event.target.value));
+
+ if (this.props.selectedShop) {
+ this.props.dispatch(fetchShopPackages(this.props.selectedShop, event.target.value));
}
}
render() {
- const {commercialLeads, selectedCommercialLead, idPackage, activeSubmodule} = this.props;
+ const {shops, selectedShop, idPackage, activeSubmodule} = this.props;
const isDisabled = (idPackage || this.props.activeModule === 'cart') ? true : false;
return (
{
- commercialLeads && activeSubmodule !== 'orders' &&
+ shops && activeSubmodule !== 'orders' &&
{coMarketTexts.labels.CATALOGUE}:
-
}
@@ -75,11 +76,12 @@ class CoMarketCatalogSelect extends Component {
}
const mapStateToProps = (state) => ({
- commercialLeads: state.coMarketPackagesReducer.commercialLeads,
- selectedCommercialLead: state.coMarketPackagesReducer.selectedCommercialLead,
+ shops: state.coMarketPackagesReducer.shops,
+ selectedShop: state.coMarketPackagesReducer.selectedShop,
idPackage: state.coMarketReducer.idPackage,
cartItems: state.cartReducer.cartItems,
- activeSubmodule: state.pageReducer.activeSubmodule
+ activeSubmodule: state.pageReducer.activeSubmodule,
+ userInfo: state.auth.userInfo
});
export default connect(mapStateToProps)(CoMarketCatalogSelect);
diff --git a/frontend/src/containers/coMarket/components/ShopItem.jsx b/frontend/src/containers/coMarket/components/ShopItem.jsx
index a9a142e..751c542 100644
--- a/frontend/src/containers/coMarket/components/ShopItem.jsx
+++ b/frontend/src/containers/coMarket/components/ShopItem.jsx
@@ -9,7 +9,7 @@ class ShopItem extends Component {
}
render() {
- const {shopPackage, idCommercialLead} = this.props;
+ const {shopPackage, shopId} = this.props;
return (
@@ -21,7 +21,7 @@ class ShopItem extends Component {
alt="Card image cap"/>
-
+
{this.getShopItemPackageTitle(shopPackage.name)}
@@ -34,7 +34,7 @@ class ShopItem extends Component {
-
+
diff --git a/frontend/src/mainComponents/menu/Menu.jsx b/frontend/src/mainComponents/menu/Menu.jsx
index 4e4d40f..4e18523 100644
--- a/frontend/src/mainComponents/menu/Menu.jsx
+++ b/frontend/src/mainComponents/menu/Menu.jsx
@@ -84,9 +84,8 @@ class Menu extends Component {
)
}
-