Use SaveAndCancelButtons in SettingsObjectNewFieldStep1 (#2088)

* 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

View File

@ -1,7 +1,7 @@
import { useNavigate } 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 { SettingsNewObjectType } from '@/settings/data-model/new-object/components/SettingsNewObjectType';
import { IconSettings } from '@/ui/display/icon';
@ -10,19 +10,12 @@ import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'
import { Section } from '@/ui/layout/section/components/Section';
import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
const StyledContainer = styled.div`
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
`;
export const SettingsNewObject = () => {
const navigate = useNavigate();
return (
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
<SettingsPageContainer>
<StyledContainer>
<SettingsHeaderContainer>
<Breadcrumb
links={[
{ children: 'Objects', href: '/settings/objects' },
@ -36,7 +29,7 @@ export const SettingsNewObject = () => {
}}
onSave={() => {}}
/>
</StyledContainer>
</SettingsHeaderContainer>
<Section>
<H2Title
title="Object Type"