2017-02-27 21:42:28 +00:00
|
|
|
import React, { Component } from 'react';
|
|
|
|
|
|
|
|
/**
|
2017-06-05 18:00:02 +00:00
|
|
|
* Implements an avatar as a React/Web {@link Component}.
|
2017-02-27 21:42:28 +00:00
|
|
|
*/
|
|
|
|
export default class Avatar extends Component {
|
|
|
|
/**
|
|
|
|
* Avatar component's property types.
|
|
|
|
*
|
|
|
|
* @static
|
|
|
|
*/
|
|
|
|
static propTypes = {
|
|
|
|
/**
|
2017-06-05 18:00:02 +00:00
|
|
|
* The URI of the {@link Avatar}.
|
2017-02-27 21:42:28 +00:00
|
|
|
*
|
|
|
|
* @type {string}
|
|
|
|
*/
|
|
|
|
uri: React.PropTypes.string
|
2017-06-02 02:01:50 +00:00
|
|
|
};
|
2017-02-27 21:42:28 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Implements React's {@link Component#render()}.
|
|
|
|
*
|
|
|
|
* @inheritdoc
|
|
|
|
*/
|
|
|
|
render() {
|
2017-06-05 18:00:02 +00:00
|
|
|
// Propagate all props of this Avatar but the ones consumed by this
|
|
|
|
// Avatar to the img it renders.
|
|
|
|
|
|
|
|
// eslint-disable-next-line no-unused-vars
|
|
|
|
const { uri, ...props } = this.props;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<img
|
|
|
|
{ ...props }
|
|
|
|
src = { uri } />
|
|
|
|
);
|
2017-02-27 21:42:28 +00:00
|
|
|
}
|
|
|
|
}
|