feat: New Object - Add Object type section #1918 (#1985)

* feat: New Object - Add Object type section #1918

* fix: dark mode border color

* feat: New Object - Add Object type section #1918

* fix: dark mode border color

* Requested changes in the PR

* fix(new object): requested changes in the PR

* fix(1985): border color
This commit is contained in:
Kanav Arora
2023-10-15 21:18:27 +05:30
committed by GitHub
parent 7bb971f538
commit 9c855ff8b5
4 changed files with 160 additions and 11 deletions

View File

@ -1,10 +1,11 @@
import styled from '@emotion/styled';
import { SettingsIconSection } from '@/settings/components/SettingsIconSection';
import { NewObjectType } from '@/settings/objects/components/NewObjectType';
import { objectSettingsWidth } from '@/settings/objects/constants/objectSettings';
import { IconSettings } from '@/ui/input/constants/icons';
import { useIconPicker } from '@/ui/input/hooks/useIconPicker';
import { IconSettings } from '@/ui/display/icon';
import { H2Title } from '@/ui/display/typography/components/H2Title';
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`
@ -18,8 +19,6 @@ const StyledContainer = styled.div`
`;
export const SettingsNewObject = () => {
const { Icon, iconKey, setIconPicker } = useIconPicker();
return (
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
<StyledContainer>
@ -29,12 +28,13 @@ export const SettingsNewObject = () => {
{ children: 'New' },
]}
/>
<SettingsIconSection
Icon={Icon}
iconKey={iconKey}
setIconPicker={setIconPicker}
/>
<Section>
<H2Title
title="Object Type"
description="The type of object you want to add"
/>
</Section>
<NewObjectType></NewObjectType>
</StyledContainer>
</SubMenuTopBarContainer>
);