mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2025-12-30 03:12:29 +00:00
d55e0f70d9
As an intermediate step on the path to merging jitsi-meet and
jitsi-meet-react, import the whole source code of jitsi-meet-react as it
stands at
2f23d98424
i.e. the lastest master at the time of this import. No modifications are
applied to the imported source code in order to preserve a complete
snapshot of it in the repository of jitsi-meet and, thus, facilitate
comparison later on. Consequently, the source code of jitsi-meet and/or
jitsi-meet-react may not work. For example, jitsi-meet's jshint may be
unable to parse jitsi-meet-react's source code.
46 lines
880 B
JavaScript
46 lines
880 B
JavaScript
import React, { Component } from 'react';
|
|
|
|
import { styles } from './styles';
|
|
|
|
/**
|
|
* Display a participant avatar.
|
|
*/
|
|
export default class Avatar extends Component {
|
|
/**
|
|
* Implements React's {@link Component#render()}.
|
|
*
|
|
* @inheritdoc
|
|
*/
|
|
render() {
|
|
const style = {
|
|
|
|
// XXX Avatar is expected to display the whole image.
|
|
objectFit: 'contain',
|
|
|
|
...styles.avatar,
|
|
...this.props.style
|
|
};
|
|
|
|
return (
|
|
<img
|
|
src = { this.props.uri }
|
|
style = { style } />
|
|
);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Avatar component's property types.
|
|
*
|
|
* @static
|
|
*/
|
|
Avatar.propTypes = {
|
|
|
|
/**
|
|
* The optional style to add to an Avatar in order to customize its base
|
|
* look (and feel).
|
|
*/
|
|
style: React.PropTypes.object,
|
|
uri: React.PropTypes.string
|
|
};
|