import { TableOutlined } from '@ant-design/icons'; import { SchemaComponentOptions, SchemaInitializer, SchemaInitializerContext } from '@nocobase/client'; import React, { useContext } from 'react'; import { useTranslation } from 'react-i18next'; import { HelloDesigner } from './HelloDesigner'; export const HelloBlockInitializer = (props) => { const { insert } = props; const { t } = useTranslation(); return ( } onClick={() => { insert({ type: 'void', 'x-component': 'CardItem', 'x-designer': 'HelloDesigner', properties: { hello: { type: 'void', 'x-component': 'div', 'x-content': 'Hello World', }, }, }); }} title={t('Hello block')} /> ); }; export default React.memo((props) => { const items = useContext(SchemaInitializerContext); const children = items.BlockInitializers.items[2].children; children.push({ key: 'customBlock', type: 'item', title: '{{t("Hello block")}}', component: 'HelloBlockInitializer', }); return ( {props.children} ); });