app/javascript/mastodon/components/avatar_overlay.js

   1 import React from 'react';
   2 import PropTypes from 'prop-types';
   3
   4 class AvatarOverlay extends React.PureComponent {
   5
   6   static propTypes = {
   7     staticSrc: PropTypes.string.isRequired,
   8     overlaySrc: PropTypes.string.isRequired,
   9   };
  10
  11   render() {
  12     const { staticSrc, overlaySrc } = this.props;
  13
  14     const baseStyle = {
  15       backgroundImage: `url(${staticSrc})`,
  16     };
  17
  18     const overlayStyle = {
  19       backgroundImage: `url(${overlaySrc})`,
  20     };
  21
  22     return (
  23       <div className='account__avatar-overlay'>
  24         <div className="account__avatar-overlay-base" style={baseStyle} />
  25         <div className="account__avatar-overlay-overlay" style={overlayStyle} />
  26       </div>
  27     );
  28   }
  29
  30 }
  31
  32 export default AvatarOverlay;