github.com/muhammedhassanm/blockchain@v0.0.0-20200120143007-697261defd4d/build-blockchain-insurance-app-master/web/src/shop/components/SummaryPage.js (about)

     1  'use strict';
     2  
     3  import React, { Props } from 'react';
     4  import PropTypes from 'prop-types';
     5  import { FormattedMessage } from 'react-intl';
     6  import { connect } from 'react-redux';
     7  
     8  class SummaryPage extends React.Component {
     9  
    10    static get propTypes() {
    11      return {
    12        productInfo: PropTypes.object.isRequired,
    13        contractInfo: PropTypes.object.isRequired,
    14        user: PropTypes.object.isRequired
    15      };
    16    }
    17  
    18    constructor(props) {
    19      super(props);
    20    }
    21  
    22    render() {
    23      const { username, password } = this.props.user;
    24      return (
    25        <div>
    26          <div className='ibm-columns'>
    27            <div className='ibm-col-2-1 ibm-col-medium-5-3 ibm-col-small-1-1'>
    28              <h3 className='ibm-h3'>
    29                <FormattedMessage id='Summary' />
    30              </h3>
    31            </div>
    32          </div>
    33          <div className='ibm-columns'>
    34            <div className='ibm-col-2-1 ibm-col-medium-5-3 ibm-col-small-1-1'>
    35              <div>
    36                <FormattedMessage id='Transaction completed.' />
    37              </div>
    38              <div>
    39                <FormattedMessage id='Username' />: {username}
    40              </div>
    41              <div>
    42                <FormattedMessage id='Password' />: {password}
    43              </div>
    44            </div>
    45          </div>
    46        </div>
    47      );
    48    }
    49  }
    50  
    51  function mapStateToProps(state, ownProps) {
    52    return {
    53      productInfo: state.shop.productInfo,
    54      contractInfo: state.insurance.contractInfo,
    55      user: state.userMgmt.user
    56    };
    57  }
    58  
    59  export default connect(mapStateToProps)(SummaryPage);