@prisma-cms/front-editor/src/components/Connectors/Connector/UserLink/index.js

import React from 'react'

import { ObjectContext } from '../ListView'

import UserIcon from 'material-ui-icons/Face'
import EditorComponent from '../../../../EditorComponent'

class UserLink extends EditorComponent {
  static Name = 'UserLink'

  static defaultProps = {
    ...EditorComponent.defaultProps,
    hide_wrapper_in_default_mode: true,
  }

  renderPanelView(content) {
    return super.renderPanelView(
      content || (
        <div className="editor-component--panel-icon">
          <UserIcon /> User link
        </div>
      )
    )
  }

  getRootElement() {
    return 'span'
  }

  renderChildren() {
    const { UserLink: PrismaCmsUserLink } = this.context

    if (!PrismaCmsUserLink) {
      console.error('UserLink not defined')
      return null
    }

    return (
      <ObjectContext.Consumer key="object_context">
        {(context) => {
          const { object, ...other } = context

          if (!object) {
            return null
          }

          return <PrismaCmsUserLink user={object} {...other} />
        }}
      </ObjectContext.Consumer>
    )
  }
}

export default UserLink