merchi_product_editor
Version:
A React component for editing product images using Fabric.js
23 lines (22 loc) • 1.56 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormatButtons = void 0;
var react_1 = __importDefault(require("react"));
var ProductEditorContext_1 = require("../context/ProductEditorContext");
var FormatButtons = function () {
var _a = (0, ProductEditorContext_1.useProductEditor)(), selectedTextObject = _a.selectedTextObject, updateSelectedText = _a.updateSelectedText;
if (!selectedTextObject || !updateSelectedText)
return null;
var isBold = selectedTextObject.fontWeight === 'bold';
var isUnderlined = selectedTextObject.underline === true;
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("button", { type: "button", className: "toolbar-button bold-button ".concat(isBold ? 'active' : ''), onClick: function () { return updateSelectedText({ fontWeight: isBold ? 'normal' : 'bold' }); }, title: "Bold" },
react_1.default.createElement("strong", null, "B")),
react_1.default.createElement("button", { type: "button", className: "toolbar-button underline-button ".concat(isUnderlined ? 'active' : ''), onClick: function () { return updateSelectedText({ underline: !isUnderlined }); }, title: "Underline" },
react_1.default.createElement("strong", null,
react_1.default.createElement("u", null, "U")))));
};
exports.FormatButtons = FormatButtons;