tachybase_todo/packages/plugins/@tachybase/plugin-multi-app-manager/src/client/AppNameInput.tsx
bai.zixv 236c308d23 refactor: @hera/plugin-core, departments-plugin (#979)
Reviewed-on: daoyoucloud/tachybase#979
Co-authored-by: bai.zixv <bai.zixv@foxmail.com>
Co-committed-by: bai.zixv <bai.zixv@foxmail.com>
2024-05-28 10:43:58 +08:00

26 lines
642 B
TypeScript

import React from 'react';
import { useApp } from '@tachybase/client';
import { connect, mapReadPretty } from '@tachybase/schema';
import { Input as AntdInput } from 'antd';
const ReadPretty = (props) => {
const app = useApp();
const content = props.value && (
<a target={'_blank'} href={app.getRouteUrl(`/apps/${props.value}/admin`)} rel="noreferrer">
{props.value}
</a>
);
return (
<div style={props.style}>
{props.addonBefore}
{props.prefix}
{content}
{props.suffix}
{props.addonAfter}
</div>
);
};
export const AppNameInput = connect(AntdInput, mapReadPretty(ReadPretty));