tachybase_todo/packages/plugins/@tachybase/plugin-users/src/client/UserRolesField.tsx
sealday ede7ead8b1 chore(version): release v0.21.34 (#1045)
Co-authored-by: sealday <sealday@gmail.com>
Reviewed-on: daoyoucloud/tachybase#1045
2024-05-24 01:06:06 +08:00

15 lines
443 B
TypeScript

import React from 'react';
import { Field, Schema, useField } from '@tachybase/schema';
import { Tag } from 'antd';
import { useUsersTranslation } from './locale';
export const UserRolesField: React.FC = () => {
const { t } = useUsersTranslation();
const field = useField<Field>();
return (field.value || []).map((role: { name: string; title: string }) => (
<Tag key={role.name}>{Schema.compile(role.title, { t })}</Tag>
));
};