yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-26 07:01:14 +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); const customField = customFieldsRegistry.get(customFieldUuid);
if (customField?.icon) { if (customField?.icon) {
return customFieldIcon; const CustomFieldIcon = customField.icon;
return <CustomFieldIcon />;
} }
return <Placeholder />; return <Placeholder />;
@ -35,8 +36,7 @@ import { Typography } from '@strapi/design-system';
const CustomFieldsList = () => { const CustomFieldsList = () => {
const customFieldsRegistry = useCustomFields(); const customFieldsRegistry = useCustomFields();
const customFields = customFieldsRegistry.getAll(); const registeredCustomFields = Object.entries(customFieldsRegistry.getAll());
const registeredCustomFields = Object.entries(customFields.getAll());
return ( return (
<> <>
@ -62,22 +62,18 @@ With this method from `useCustomFields` hook, you will receive a dictionary cont
```ts ```ts
interface CustomField { interface CustomField {
components: Object; components: object;
icon: React.ComponentType; icon: React.ComponentType;
intlDescription: IntlObject; intlDescription: IntlObject;
intlLabel: IntlObject; intlLabel: IntlObject;
name: string; name: string;
options: Object; options: object;
pluginId: string; pluginId: string;
type: string; type: string;
} }
type CustomFields = {
[uid: string]: CustomField;
};
type UseCustomFields = () => { type UseCustomFields = () => {
get: (uid: string) => CustomField | undefined; get: (uid: string) => CustomField | undefined;
getAll: () => CustomFields; getAll: () => Record<string, CustomField>;
}; };
``` ```