| 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 | } |