src/save.js

   1 import MD5 from 'crypto-js/md5';
   2 export default function Save( { attributes, className } ) {
   3         if ( attributes.size ) {
   4                 var sizes = attributes.size;
   5         } else {
   6                 var sizes = 200;
   7         }
   8         var height = sizes + 40;
   9         var mail = attributes.email;
  10         var addr = mail.toLowerCase().trim();
  11         var hash = MD5( addr ).toString();
  12         var url = '//www.gravatar.com/avatar/' + hash + '?s=' + sizes;
  13
  14         return (
  15                 <figure
  16                         className={ className }
  17                         style={ { width: sizes + 'px', height: height + 'px' } }
  18                 >
  19                         <img
  20                                 src={ url }
  21                                 alt={ attributes.alt }
  22                                 width={ sizes }
  23                                 height={ sizes }
  24                         />
  25                         <figcaption>{ attributes.caption }</figcaption>
  26                 </figure>
  27         );
  28 }