collaborative-ui
Version:
React component library for building real-time collaborative editing applications.
20 lines (19 loc) • 1.26 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NewGrid = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const ClickCard_1 = require("nice-ui/lib/4-card/ClickCard");
const context_1 = require("../context");
const use_t_1 = require("use-t");
const SideTextLayout_1 = require("../SideTextLayout");
const demos = tslib_1.__importStar(require("../demos"));
const Text_1 = require("nice-ui/lib/1-inline/Text");
const NewGrid = () => {
const [t] = (0, use_t_1.useT)();
const state = (0, context_1.useDemos)();
return (React.createElement(SideTextLayout_1.SideTextLayout, { title: t('Create document'), left: React.createElement(Text_1.Text, { as: 'p', size: -2 }, t('Click on a card to create a new live JSON CRDT document. You can then share the link with others to collaborate.')), right: React.createElement("div", { style: { margin: '0 -16px' } },
React.createElement("div", { style: { maxWidth: 456 } },
React.createElement(ClickCard_1.ClickCard, { title: 'Blogpost', to: '', onClick: () => state.create(demos.text[0]), toTitle: t('Create') }, t('Edit a sample blog post form collaboratively.')))) }));
};
exports.NewGrid = NewGrid;