Save Custom Block Output

saveBlock.js

save: function (props) {
    var attributes = props.attributes
    var alignment = props.attributes.alignment
    var facebookURL = props.attributes.facebookURL
    var twitterURL = props.attributes.twitterURL
    var instagramURL = props.attributes.instagramURL
    var linkedURL = props.attributes.linkedURL
    var emailAddress = props.attributes.emailAddress

    return (
      el('div', { className: props.className },
        el('div', { className: 'organic-profile-image', style: { backgroundImage: 'url(' + attributes.mediaURL + ')' } },
          el('img', { src: attributes.mediaURL })
        ),
        el('div', { className: 'organic-profile-content', style: { textAlign: attributes.alignment } },
          el(RichText.Content, {
            tagName: 'h3',
            value: attributes.title
          }),
          el(RichText.Content, {
            tagName: 'h5',
            value: attributes.subtitle
          }),
          el(RichText.Content, {
            tagName: 'p',
            value: attributes.bio
          }),
          el('div', { className: 'organic-profile-social' },
            attributes.facebookURL && el('a', {
              className: 'social-link',
              href: attributes.facebookURL,
              target: '_blank'
            },
            el('i', { className: 'fa fa-facebook' })
            ),
            attributes.twitterURL && el('a', {
              className: 'social-link',
              href: attributes.twitterURL,
              target: '_blank'
            },
            el('i', { className: 'fa fa-twitter' })
            ),
            attributes.instagramURL && el('a', {
              className: 'social-link',
              href: attributes.instagramURL,
              target: '_blank'
            },
            el('i', { className: 'fa fa-instagram' })
            ),
            attributes.linkedURL && el('a', {
              className: 'social-link',
              href: attributes.linkedURL,
              target: '_blank'
            },
            el('i', { className: 'fa fa-linkedin' })
            ),
            attributes.emailAddress && el('a', {
              className: 'social-link',
              href: 'mailto:' + attributes.emailAddress,
              target: '_blank'
            },
            el('i', { className: 'fa fa-envelope' })
            )
          )
        )
      )
    )
  }
})