Add package addons and options

This commit is contained in:
Almira Krdzic
2018-09-06 23:29:29 +02:00
parent 5bef0b9e5e
commit cd5f09487d
25 changed files with 1302 additions and 482 deletions

View File

@@ -5,7 +5,7 @@ import WiaasBox from '../../mainComponents/box/WiaasBox.jsx';
import {fetchPackageDetails, addToCart} from '../../actions/coMarket/coMarketPackageDetailsActions';
import PackageInfo from './components/PackageInfo.jsx';
import PackagePrice from './components/PackagePrice.jsx';
import PackageOptions from './components/PackageOptions.jsx';
import PackageOptionGroup from './components/PackageOptionGroup';
import AdditionalPackages from './components/AdditionalPackages.jsx';
import AgreementOptions from './components/AgreementOptions.jsx';
import {coMarketTexts} from '../../constants/coMarketConstants';
@@ -64,21 +64,30 @@ class CoMarketPackageDetailsContainer extends Component {
<Col xl="6" lg="7" md="12" xs="12">
<div id="shop-package-buy-info">
{
selectedPackage.groups && Object.keys(selectedPackage.groups).length > 0 && selectedAgreement &&
<PackageOptions
groups={selectedPackage.groups}
country={selectedPackage.country}/>
}
<PackagePrice currency={selectedPackage.currency} />
<AgreementOptions
prices={selectedPackage.prices}
currency={selectedPackage.currency}/>
{
selectedPackage.additionalPackages && selectedPackage.additionalPackages.length > 0 && selectedAgreement &&
<AdditionalPackages
additionalPackages={selectedPackage.additionalPackages}
country={selectedPackage.country}/>
currency={selectedPackage.currency}/>
}
{
selectedPackage.groups && Object.keys(selectedPackage.groups).length > 0 && selectedAgreement &&
(<div className="shop-package-options">
{
Object.keys(selectedPackage.groups).map(groupKey => {
const group = selectedPackage.groups[groupKey];
return (<PackageOptionGroup
key={groupKey}
group={group}
currency={selectedPackage.currency}/>);
})
}
</div>)
}
<AgreementOptions
prices={selectedPackage.prices}
currency={selectedPackage.currency}/>
<Row className="justify-content-end" style={{ marginTop: 30 }}>
<Button id="add-to-cart-btn"
className="add-to-cart-btn"