plot-plan-designer
Version:
Design Editor Tools with React.js + ant.design + fabric.js
25 lines (24 loc) • 1.06 kB
JavaScript
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import i18n from 'i18next';
import CommonButton from '../../common/CommonButton';
import { Flex } from '../../flex';
class NodeAction extends Component {
render() {
const { canvasRef } = this.props;
return (React.createElement(Flex, { justifyContent: "center", alignItems: "flex-end", flex: "1" },
React.createElement(Flex.Item, { alignSelf: "flex-start" },
React.createElement(CommonButton, { icon: "clone", onClick: () => {
canvasRef.handler.duplicate();
} }, i18n.t('action.clone'))),
React.createElement(Flex.Item, { alignSelf: "flex-end" },
React.createElement(CommonButton, { icon: "trash", type: "danger", onClick: () => {
canvasRef.handler.remove();
} }, i18n.t('action.delete')))));
}
}
NodeAction.propTypes = {
canvasRef: PropTypes.any,
selectedItem: PropTypes.object,
};
export default NodeAction;