accounts-frontend/packages/app/components/profile/ProfileField.js

53 lines
1.4 KiB
JavaScript
Raw Normal View History

import PropTypes from 'prop-types';
2019-12-07 16:58:52 +05:30
import React from 'react';
import { Link } from 'react-router-dom';
import styles from './profile.scss';
2019-12-07 16:58:52 +05:30
export default class ProfileField extends React.Component {
static propTypes = {
label: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
.isRequired,
link: PropTypes.string,
onChange: PropTypes.func,
value: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
.isRequired,
warningMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
};
render() {
const { label, value, warningMessage, link, onChange } = this.props;
let Action = null;
if (link) {
Action = props => <Link to={link} {...props} />;
}
if (onChange) {
Action = props => <a onClick={onChange} {...props} href="#" />;
}
return (
<div className={styles.paramItem}>
<div className={styles.paramRow}>
<div className={styles.paramName}>{label}</div>
<div className={styles.paramValue}>{value}</div>
{Action ? (
<Action to={link} className={styles.paramAction}>
<span className={styles.paramEditIcon} />
</Action>
) : null}
</div>
{warningMessage ? (
<div className={styles.paramMessage}>{warningMessage}</div>
) : (
''
)}
</div>
);
}
}