56 lines
1.6 KiB
JavaScript
56 lines
1.6 KiB
JavaScript
// LIBRARIES
|
|
import React from 'react'
|
|
import { connect } from 'react-redux'
|
|
import { Icon, Avatar, Row , Col } from 'antd'
|
|
|
|
// COMPONENTS
|
|
import HeaderForm from "components/Forms/HeaderForm"
|
|
|
|
// HELPER FUNCTIONS
|
|
|
|
function ViewUserManagementForm(props) {
|
|
const {
|
|
isSubmitting,
|
|
userInfo
|
|
} = props;
|
|
|
|
return (
|
|
<div>
|
|
<div style={{padding: '15px 30px 30px', borderTop: 0}}>
|
|
<div>
|
|
<h2 style={{margin: '0 0 20px'}}>Details</h2>
|
|
{/*Account Details */}
|
|
<Row style={{marginBottom: '5px'}}>
|
|
<Col span={18} push={3}>{userInfo && userInfo.title}</Col>
|
|
<Col span={3} pull={18}><span style={{fontWeight: '600'}}>Title:</span></Col>
|
|
</Row>
|
|
<Row>
|
|
<Col span={18} push={3}>{userInfo && <pre style={{
|
|
overflow: 'auto' ,
|
|
overflowWrap: 'break-word',
|
|
whiteSpace: 'pre-wrap',
|
|
wordWrap: 'break-word',}}>{userInfo.details}</pre>}
|
|
</Col>
|
|
<Col span={3} pull={18}><span style={{fontWeight: '600'}}>Details:</span></Col>
|
|
</Row>
|
|
{/* <Row>
|
|
<Col span={18} push={3}>{userInfo && userInfo.type == "1" ? "Terms" : "Privacy"}</Col>
|
|
<Col span={3} pull={18}><span style={{fontWeight: '600'}}>Type:</span></Col>
|
|
</Row> */}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
|
|
ViewUserManagementForm = connect(
|
|
state => ({
|
|
|
|
}),
|
|
)(ViewUserManagementForm);
|
|
|
|
|
|
export default ViewUserManagementForm;
|
|
|