collaborative-ui
Version:
React component library for building real-time collaborative editing applications.
30 lines (29 loc) • 1.86 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Right = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const use_t_1 = require("use-t");
const BasicButtonMore_1 = require("nice-ui/lib/2-inline-block/BasicButton/BasicButtonMore");
const Popup_1 = require("nice-ui/lib/4-card/Popup");
const ContextMenu_1 = require("nice-ui/lib/4-card/ContextMenu");
const Iconista_1 = require("nice-ui/lib/icons/Iconista");
const Split_1 = require("nice-ui/lib/3-list-item/Split");
const ThemeContextItem_1 = require("./ThemeContextItem");
const Right = () => {
const [t] = (0, use_t_1.useT)();
return (React.createElement("div", null,
React.createElement(Popup_1.Popup, { renderContext: () => (React.createElement(ContextMenu_1.ContextPane, { right: true, style: { minWidth: 260 } },
React.createElement(ContextMenu_1.ContextSep, null),
React.createElement(ContextMenu_1.ContextItem, { closePopup: true, to: 'https://github.com/streamich/nice-ui' },
React.createElement(Split_1.Split, { style: { alignItems: 'center' } },
React.createElement("span", null, t('GitHub repository')),
React.createElement(Iconista_1.Iconista, { set: "fontawesome_brands", icon: "github", width: 16, height: 16 }))),
React.createElement(ContextMenu_1.ContextSep, null),
React.createElement(ContextMenu_1.ContextSep, { line: true }),
React.createElement(ContextMenu_1.ContextSep, null),
React.createElement(ThemeContextItem_1.ThemeContextItem, null),
React.createElement(ContextMenu_1.ContextSep, null))) },
React.createElement(BasicButtonMore_1.BasicButtonMore, { size: 32 }))));
};
exports.Right = Right;