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

Use SaveAndCancelButtons in SettingsObjectNewFieldStep1 (#2088)

Browse Source 
* Use SaveAndCancelButtons in SettingsObjectNewFieldStep1

* refactor to introduce SettingsHeaderContainer
This commit is contained in:
bosiraphael
2023-10-17 16:32:21 +02:00
committed by GitHub
parent 1aefaced1d
commit d19011f882
4 changed files with 36 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,6 +2,8 @@ import { useEffect } from 'react';
import { useNavigate, useParams } from 'react-router-dom';
import styled from '@emotion/styled';
import { SaveAndCancelButtons } from '@/settings/components/SaveAndCancelButtons/SaveAndCancelButtons';
import { SettingsHeaderContainer } from '@/settings/components/SettingsHeaderContainer';
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
import {
activeFieldItems,
@ -47,16 +49,25 @@ export const SettingsObjectNewFieldStep1 = () => {
return (
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
<SettingsPageContainer>
<Breadcrumb
links={[
{ children: 'Objects', href: '/settings/objects' },
{
children: activeObject?.name ?? '',
href: `/settings/objects/${pluralObjectName}`,
},
{ children: 'New Field' },
]}
/>
<SettingsHeaderContainer>
<Breadcrumb
links={[
{ children: 'Objects', href: '/settings/objects' },
{
children: activeObject?.name ?? '',
href: `/settings/objects/${pluralObjectName}`,
},
{ children: 'New Field' },
]}
/>
<SaveAndCancelButtons
isSaveDisabled
onCancel={() => {
navigate(`/settings/objects/${pluralObjectName}`);
}}
onSave={() => {}}
/>
</SettingsHeaderContainer>
<StyledSection>
<H2Title
title="Check disabled fields"