yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-02 02:44:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

improves to useCustomFields typescript

Browse Source
This commit is contained in:
Fernando Chavez 2023-03-02 13:59:10 +01:00
parent 24fa0fbf32
commit a6a9fc1648
1 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/core/helper-plugin/lib/src/hooks/useCustomFields/useCustomFields.stories.mdx
View File

@ -20,7 +20,8 @@ const CustomIcon = ({ customFieldUuid }) => {
const customField = customFieldsRegistry.get(customFieldUuid);
if (customField?.icon) {
return customFieldIcon;
const CustomFieldIcon = customField.icon;
return <CustomFieldIcon />;
}
return <Placeholder />;
@ -35,8 +36,7 @@ import { Typography } from '@strapi/design-system';
const CustomFieldsList = () => {
const customFieldsRegistry = useCustomFields();
const customFields = customFieldsRegistry.getAll();
const registeredCustomFields = Object.entries(customFields.getAll());
const registeredCustomFields = Object.entries(customFieldsRegistry.getAll());
return (
<>
@ -62,22 +62,18 @@ With this method from `useCustomFields` hook, you will receive a dictionary cont
```ts
interface CustomField {
components: Object;
components: object;
icon: React.ComponentType;
intlDescription: IntlObject;
intlLabel: IntlObject;
name: string;
options: Object;
options: object;
pluginId: string;
type: string;
}
type CustomFields = {
[uid: string]: CustomField;
};
type UseCustomFields = () => {
get: (uid: string) => CustomField | undefined;
getAll: () => CustomFields;
getAll: () => Record<string, CustomField>;
};
```