@bigfishtv/cockpit/es/components/cell/EntityLinkCell.js

import React from 'react';
import { Link } from 'react-router-dom';

import Button from '../button/Button';
import Icon from '../Icon';

function defaultLabelRenderer(value) {
	return value.name || value.title || value.label || value.first_name;
}

var EntityLinkCell = function EntityLinkCell(_ref) {
	var value = _ref.value,
	    model = _ref.model,
	    onChange = _ref.onChange,
	    _ref$labelRenderer = _ref.labelRenderer,
	    labelRenderer = _ref$labelRenderer === undefined ? defaultLabelRenderer : _ref$labelRenderer;
	return React.createElement(
		'div',
		{ className: 'cell' },
		React.createElement(
			'div',
			{ className: 'cell-icon' },
			React.createElement(Icon, { name: 'link', size: '18' })
		),
		React.createElement(
			'div',
			{ className: 'cell-content' },
			React.createElement(
				Link,
				{ to: '/' + model + '/' + value.id },
				labelRenderer(value)
			)
		),
		React.createElement(
			'div',
			{ className: 'cell-control' },
			React.createElement(
				Button,
				{ size: 'icon', onClick: function onClick() {
						return onChange(null);
					} },
				React.createElement(Icon, { name: 'close', size: '18' })
			)
		)
	);
};

export default EntityLinkCell;