Ahmad.zuhdi.y/bukopin-redemption-client-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: responsive layout stepper

Browse Source
This commit is contained in:
Rifqy Zacky Ariadhy
2019-01-29 18:48:41 +07:00
parent b5afc1b120
commit 20f975fa02
4 changed files with 65 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/common/pages/Vouchers/Modal/index.js
View File

@@ -7,6 +7,7 @@ import { Route } from 'react-router-dom'
import {LINKS} from "../../../routes";
import NumberFormat from 'react-number-format';
import get from 'lodash.get';
import ReactHtmlParser from "react-html-parser";
const Option = Select.Option;
@@ -83,7 +84,7 @@ export default class ModalVouchersComponent extends React.Component {
flex: 0.7,
padding: 30
}}>
<p className={'descriptionModal'} >{data.description}</p>
<p className={'descriptionModal'} >{ReactHtmlParser(data.description)}</p>
{(additional_data.information != null) && <Alert className={'informationAlertModal'} message={
<div className={'informationContainerModal'}>

14
src/common/pages/Vouchers/Payment/index.js
View File

@@ -15,6 +15,7 @@ import NavigationArrowBack from 'material-ui/svg-icons/navigation/arrow-back';
import {LINKS} from "../../../routes";
import {APP_TYPE} from "../../../config/app";
import get from "lodash.get";
import ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser';
const Panel = Collapse.Panel;
@@ -35,7 +36,7 @@ export default class PaymentVouchers extends React.Component {
}
componentDidMount() {
console.log(this.props.vouchersStore, 'this.props.vouchersStore this.props.vouchersStore this.props.vouchersStore')
}
render() {
@@ -115,13 +116,14 @@ export default class PaymentVouchers extends React.Component {
<img className={'image-logo'} src={image} />
</div>}>
<div className="row">
<Alert message="Pastikan data anda sudah terverivikasi dan vouchers anda yang pilih sudah benar sebelum melakukan transaksi" type="warning" />
<Alert message="Pastikan data anda sudah terverifikasi dan vouchers yang anda pilih sudah benar sebelum melakukan konfirmasi transaksi ini" type="warning" />
</div>
<div>
<ul>
<li style={{margin:10}}>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</li>
<li style={{margin:10}}>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</li>
</ul>
<div>
{ReactHtmlParser(this.props.vouchersStore.dataItems.description)}
{/*<li style={{margin:10}}>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</li>*/}
{/*<li style={{margin:10}}>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</li>*/}
</div>
</div>
</Card>
</div>