diff options
Diffstat (limited to 'app/javascript/flavours/glitch/components/avatar_overlay.js')
-rw-r--r-- | app/javascript/flavours/glitch/components/avatar_overlay.js | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/components/avatar_overlay.js b/app/javascript/flavours/glitch/components/avatar_overlay.js new file mode 100644 index 000000000..2ecf9fa44 --- /dev/null +++ b/app/javascript/flavours/glitch/components/avatar_overlay.js @@ -0,0 +1,30 @@ +import React from 'react'; +import ImmutablePropTypes from 'react-immutable-proptypes'; + +export default class AvatarOverlay extends React.PureComponent { + + static propTypes = { + account: ImmutablePropTypes.map.isRequired, + friend: ImmutablePropTypes.map.isRequired, + }; + + render() { + const { account, friend } = this.props; + + const baseStyle = { + backgroundImage: `url(${account.get('avatar_static')})`, + }; + + const overlayStyle = { + backgroundImage: `url(${friend.get('avatar_static')})`, + }; + + return ( + <div className='account__avatar-overlay'> + <div className='account__avatar-overlay-base' style={baseStyle} data-avatar-of={`@${account.get('acct')}`} /> + <div className='account__avatar-overlay-overlay' style={overlayStyle} data-avatar-of={`@${friend.get('acct')}`} /> + </div> + ); + } + +} |