admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: get object metadata from backend in Object Detail and New Field… (#2122)

Browse Source 
* feat: get object metadata from backend in Object Detail and New Field - Step 1

Closes #2008

* refactor: add useLazyLoadIcon hook
This commit is contained in:
Thaïs
2023-10-19 16:58:18 +02:00
committed by GitHub
parent bea9d0835b
commit f35ea19f4d
12 changed files with 133 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
front/src/pages/settings/data-model/SettingsObjects.tsx
View File

@ -1,4 +1,3 @@
import { useEffect, useState } from 'react';
import { useNavigate } from 'react-router-dom';
import { useTheme } from '@emotion/react';
import styled from '@emotion/styled';
@ -13,7 +12,6 @@ import {
import { SettingsObjectCoverImage } from '@/settings/data-model/objects/SettingsObjectCoverImage';
import { SettingsObjectDisabledMenuDropDown } from '@/settings/data-model/objects/SettingsObjectDisabledMenuDropDown';
import { IconChevronRight, IconPlus, IconSettings } from '@/ui/display/icon';
import { IconComponent } from '@/ui/display/icon/types/IconComponent';
import { H1Title } from '@/ui/display/typography/components/H1Title';
import { H2Title } from '@/ui/display/typography/components/H2Title';
import { Button } from '@/ui/input/button/components/Button';
@ -37,14 +35,6 @@ export const SettingsObjects = () => {
const { activeObjects, disabledObjects } = useObjectMetadata();
const [icons, setIcons] = useState<Record<string, IconComponent>>({});
useEffect(() => {
import('@/ui/input/constants/icons').then((lazyLoadedIcons) => {
setIcons(lazyLoadedIcons);
});
}, []);
return (
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
<SettingsPageContainer>
@ -76,7 +66,6 @@ export const SettingsObjects = () => {
{activeObjects.map((objectItem) => (
<SettingsObjectItemTableRow
key={objectItem.namePlural}
Icon={icons[objectItem.icon || '']}
objectItem={objectItem}
action={
<StyledIconChevronRight
@ -95,7 +84,6 @@ export const SettingsObjects = () => {
{disabledObjects.map((objectItem) => (
<SettingsObjectItemTableRow
key={objectItem.namePlural}
Icon={icons[objectItem.icon || '']}
objectItem={objectItem}
action={
<SettingsObjectDisabledMenuDropDown