app/javascript/mastodon/components/avatar_overlay.js

   1 import React from 'react';
   2 import PropTypes from 'prop-types';
   3 import ImmutablePropTypes from 'react-immutable-proptypes';
   4 import { autoPlayGif } from '../initial_state';
   5
   6 export default class AvatarOverlay extends React.PureComponent {
   7
   8   static propTypes = {
   9     account: ImmutablePropTypes.map.isRequired,
  10     friend: ImmutablePropTypes.map.isRequired,
  11     animate: PropTypes.bool,
  12   };
  13
  14   static defaultProps = {
  15     animate: autoPlayGif,
  16   };
  17
  18   render() {
  19     const { account, friend, animate } = this.props;
  20
  21     const baseStyle = {
  22       backgroundImage: `url(${account.get(animate ? 'avatar' : 'avatar_static')})`,
  23     };
  24
  25     const overlayStyle = {
  26       backgroundImage: `url(${friend.get(animate ? 'avatar' : 'avatar_static')})`,
  27     };
  28
  29     return (
  30       <div className='account__avatar-overlay'>
  31         <div className='account__avatar-overlay-base' style={baseStyle} />
  32         <div className='account__avatar-overlay-overlay' style={overlayStyle} />
  33       </div>
  34     );
  35   }
  36
  37 }