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

feat(frontend): New Object Field Step 2 Added Cancel Save Button (#2092)

Browse Source
This commit is contained in:
Kanav Arora
2023-10-18 00:41:34 +05:30
committed by GitHub
parent 462a5a6738
commit 6e90554ae7
1 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep2.tsx
View File

@ -1,6 +1,8 @@
import { useEffect } from 'react'; import { useEffect } from 'react';
import { useNavigate, useParams } from 'react-router-dom'; import { useNavigate, useParams } from 'react-router-dom';
import { SaveAndCancelButtons } from '@/settings/components/SaveAndCancelButtons/SaveAndCancelButtons';
import { SettingsHeaderContainer } from '@/settings/components/SettingsHeaderContainer';
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
import { activeObjectItems } from '@/settings/data-model/constants/mockObjects'; import { activeObjectItems } from '@/settings/data-model/constants/mockObjects';
import { AppPath } from '@/types/AppPath'; import { AppPath } from '@/types/AppPath';
@ -22,16 +24,25 @@ export const SettingsObjectNewFieldStep2 = () => {
return ( return (
<SubMenuTopBarContainer Icon={IconSettings} title="Settings"> <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
<SettingsPageContainer> <SettingsPageContainer>
<Breadcrumb <SettingsHeaderContainer>
links={[ <Breadcrumb
{ children: 'Objects', href: '/settings/objects' }, links={[
{ { children: 'Objects', href: '/settings/objects' },
children: activeObject?.name ?? '', {
href: `/settings/objects/${pluralObjectName}`, children: activeObject?.name ?? '',
}, href: `/settings/objects/${pluralObjectName}`,
{ children: 'New Field' }, },
]} { children: 'New Field' },
/> ]}
/>
<SaveAndCancelButtons
isSaveDisabled
onCancel={() => {
navigate('/settings/objects');
}}
onSave={() => {}}
/>
</SettingsHeaderContainer>
</SettingsPageContainer> </SettingsPageContainer>
</SubMenuTopBarContainer> </SubMenuTopBarContainer>
); );