codogo-react-widgets/lib/components/shell/iconsSection.js

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

import _taggedTemplateLiteral from "babel-runtime/helpers/taggedTemplateLiteral";

var _templateObject = _taggedTemplateLiteral(["\n\topacity: 0.67;\n\ttransition: 0.1s linear opacity;\n\tcursor: pointer;\n\twidth: ", "px;\n\theight: ", "px;\n\tmargin-top: ", "px;\n\n\t&:hover {\n\t\topacity: 1;\n\t}\n"], ["\n\topacity: 0.67;\n\ttransition: 0.1s linear opacity;\n\tcursor: pointer;\n\twidth: ", "px;\n\theight: ", "px;\n\tmargin-top: ", "px;\n\n\t&:hover {\n\t\topacity: 1;\n\t}\n"]);

import React from "react";
import { compose, withStateHandlers } from "recompose";
import styled from "styled-components";
import { Link } from "react-router-dom";

import BaseIcon from "../icon";
import ReportModal from "./reportModal";

import { SidebarIconsSection } from "./styles";
import { getUserContext } from "../../enhancers/withUserContext";

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

var Icon = styled(BaseIcon)(_templateObject, function (_ref) {
	var theme = _ref.theme;
	return theme.sizes.sidebarIconSize;
}, function (_ref2) {
	var theme = _ref2.theme;
	return theme.sizes.sidebarIconSize;
}, function (_ref3) {
	var theme = _ref3.theme;
	return theme.sizes.sidebarIconSize * 0.2;
});

Icon.defaultProps = {
	stroke: "#fff"
};

var enhance = compose(getUserContext, withStateHandlers({ reportModalVisible: false }, {
	closeReportModal: function closeReportModal() {
		return function () {
			return {
				reportModalVisible: false
			};
		};
	},

	showReportModal: function showReportModal() {
		return function () {
			return {
				reportModalVisible: true
			};
		};
	}
}));

var IconsSection = function IconsSection(props) {
	return React.createElement(
		SidebarIconsSection,
		null,
		React.createElement(Icon, { iconKey: "help-circle", onClick: props.showReportModal }),
		React.createElement(
			Link,
			{ to: "/app" },
			React.createElement(Icon, { iconKey: "home" })
		),
		React.createElement(
			"a",
			{ href: "https://account.codogo.io/app" },
			React.createElement(Icon, { iconKey: "user" })
		),
		props.reportModalVisible && React.createElement(ReportModal, {
			close: props.closeReportModal,
			visible: props.reportModalVisible
		})
	);
};

export default enhance(IconsSection);