2019-02-27 06:36:40 -06:00
|
|
|
import PropTypes from 'prop-types';
|
2023-05-28 09:38:10 -05:00
|
|
|
import { PureComponent } from 'react';
|
|
|
|
|
2019-02-27 06:38:27 -06:00
|
|
|
import { injectIntl, defineMessages } from 'react-intl';
|
2019-02-27 06:36:40 -06:00
|
|
|
|
2024-01-16 04:27:26 -06:00
|
|
|
import PersonIcon from '@/material-icons/400-24px/person.svg?react';
|
2023-10-24 12:45:08 -05:00
|
|
|
|
2023-05-28 09:38:10 -05:00
|
|
|
import ColumnHeader from '../../../components/column_header';
|
|
|
|
|
2019-02-27 06:36:40 -06:00
|
|
|
const messages = defineMessages({
|
|
|
|
profile: { id: 'column_header.profile', defaultMessage: 'Profile' },
|
|
|
|
});
|
|
|
|
|
2023-05-28 07:18:23 -05:00
|
|
|
class ProfileColumnHeader extends PureComponent {
|
2019-02-27 06:36:40 -06:00
|
|
|
|
|
|
|
static propTypes = {
|
2019-03-08 13:34:31 -06:00
|
|
|
onClick: PropTypes.func,
|
2019-08-01 12:17:17 -05:00
|
|
|
multiColumn: PropTypes.bool,
|
2019-02-27 06:36:40 -06:00
|
|
|
intl: PropTypes.object.isRequired,
|
|
|
|
};
|
|
|
|
|
|
|
|
render() {
|
2019-08-01 12:17:17 -05:00
|
|
|
const { onClick, intl, multiColumn } = this.props;
|
2019-02-27 06:36:40 -06:00
|
|
|
|
|
|
|
return (
|
|
|
|
<ColumnHeader
|
|
|
|
icon='user-circle'
|
2023-10-24 12:45:08 -05:00
|
|
|
iconComponent={PersonIcon}
|
2019-02-27 06:36:40 -06:00
|
|
|
title={intl.formatMessage(messages.profile)}
|
2019-03-08 13:34:31 -06:00
|
|
|
onClick={onClick}
|
2019-02-27 06:36:40 -06:00
|
|
|
showBackButton
|
2019-08-01 12:17:17 -05:00
|
|
|
multiColumn={multiColumn}
|
2019-02-27 06:38:27 -06:00
|
|
|
/>
|
|
|
|
);
|
2019-02-27 06:36:40 -06:00
|
|
|
}
|
2019-02-27 06:38:27 -06:00
|
|
|
|
2019-02-27 06:36:40 -06:00
|
|
|
}
|
2023-03-24 17:15:25 -05:00
|
|
|
|
|
|
|
export default injectIntl(ProfileColumnHeader);
|