codogo-react-widgets/dist/components/shell/button/userButton.js

Provides a unified way to access the styling of commonly used widgets across different apps

"use strict";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _taggedTemplateLiteral2 = require("babel-runtime/helpers/taggedTemplateLiteral");

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(["\n\tbackground-color: white;\n\theight: 50px;\n\tmargin: 4px;\n\twidth: 50px;\n\t", ";\n"], ["\n\tbackground-color: white;\n\theight: 50px;\n\tmargin: 4px;\n\twidth: 50px;\n\t", ";\n"]),
    _templateObject2 = (0, _taggedTemplateLiteral3.default)(["\n\tquery getUserForSidebar{\n\t\tviewer{\n\t\t\tuser {\n\t\t\t\tid\n\t\t\t\tusername\n\t\t\t\timage {\n\t\t\t\t\tcloudinaryID\n\t\t\t\t}\n\t\t\t\tpersonal {\n\t\t\t\t\tid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"], ["\n\tquery getUserForSidebar{\n\t\tviewer{\n\t\t\tuser {\n\t\t\t\tid\n\t\t\t\tusername\n\t\t\t\timage {\n\t\t\t\t\tcloudinaryID\n\t\t\t\t}\n\t\t\t\tpersonal {\n\t\t\t\t\tid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"]);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _ramda = require("ramda");

var _ramda2 = _interopRequireDefault(_ramda);

var _styledComponents = require("styled-components");

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _reactRouterDom = require("react-router-dom");

var _reactApollo = require("react-apollo");

var _cloudinaryImage = require("../../cloudinaryImage");

var _cloudinaryImage2 = _interopRequireDefault(_cloudinaryImage);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

//------------------------------

var OrgImage = _styledComponents2.default.div(_templateObject, _ramda2.default.path(["theme", "functions", "shadow"])(1));

var getUser = (0, _reactApollo.gql)(_templateObject2);

var getLinkTo = function getLinkTo(props) {
	return "/app/" + (props.differentiateUserAndOrg ? "user/" : "") + _ramda2.default.pathOr("", ["getUser", "viewer", "user", "personal", "id"], props);
};

var getImageID = _ramda2.default.path(["getUser", "viewer", "user", "image", "cloudinaryID"]);

//------------------------------

exports.default = (0, _reactApollo.graphql)(getUser, {
	name: "getUser",
	skip: function skip(ownProps) {
		return ownProps.placeholder || ownProps.addNew;
	}
})(function (props) {
	return _react2.default.createElement(
		_reactRouterDom.Link,
		{ to: getLinkTo(props) },
		_react2.default.createElement(
			OrgImage,
			null,
			_react2.default.createElement(_cloudinaryImage2.default, {
				isButton: true,
				cloudinaryID: getImageID(props),
				height: 50,
				width: 50,
				transformations: [_cloudinaryImage2.default.commonTransforms.smartSquare, {
					radius: 4
				}]
			})
		)
	);
});

//# sourceMappingURL=userButton.js.map