diff --git a/front/src/App.tsx b/front/src/App.tsx
index 188302e35..afa91e55d 100644
--- a/front/src/App.tsx
+++ b/front/src/App.tsx
@@ -18,6 +18,7 @@ import { Opportunities } from '~/pages/opportunities/Opportunities';
import { People } from '~/pages/people/People';
import { PersonShow } from '~/pages/people/PersonShow';
import { SettingsExperience } from '~/pages/settings/SettingsExperience';
+import { SettingsNewObject } from '~/pages/settings/SettingsNewObject';
import { SettingsObjectDetail } from '~/pages/settings/SettingsObjectDetail';
import { SettingsObjectEdit } from '~/pages/settings/SettingsObjectEdit';
import { SettingsObjects } from '~/pages/settings/SettingsObjects';
@@ -85,6 +86,10 @@ export const App = () => {
path={SettingsPath.ObjectEdit}
element={}
/>
+ }
+ />
}
/>
diff --git a/front/src/modules/types/SettingsPath.ts b/front/src/modules/types/SettingsPath.ts
index c89d5dd11..8bbec9279 100644
--- a/front/src/modules/types/SettingsPath.ts
+++ b/front/src/modules/types/SettingsPath.ts
@@ -4,6 +4,7 @@ export enum SettingsPath {
Objects = 'objects',
ObjectDetail = 'objects/:pluralObjectName',
ObjectEdit = 'objects/:pluralObjectName/edit',
+ NewObject = 'objects/new',
WorkspaceMembersPage = 'workspace-members',
Workspace = 'workspace',
}
diff --git a/front/src/pages/settings/SettingsNewObject.tsx b/front/src/pages/settings/SettingsNewObject.tsx
new file mode 100644
index 000000000..0aafd73ff
--- /dev/null
+++ b/front/src/pages/settings/SettingsNewObject.tsx
@@ -0,0 +1,25 @@
+import styled from '@emotion/styled';
+
+import { Breadcrumb } from '@/ui/breadcrumb/components/Breadcrumb';
+import { IconSettings } from '@/ui/icon';
+import { SubMenuTopBarContainer } from '@/ui/layout/components/SubMenuTopBarContainer';
+
+import { objectSettingsWidth } from './constants/objectSettings';
+
+const StyledContainer = styled.div`
+ padding: ${({ theme }) => theme.spacing(8)};
+ width: ${objectSettingsWidth};
+`;
+
+export const SettingsNewObject = () => (
+
+
+
+
+
+);
diff --git a/front/src/pages/settings/__stories__/SettingsNewObject.stories.tsx b/front/src/pages/settings/__stories__/SettingsNewObject.stories.tsx
new file mode 100644
index 000000000..1b61aaa88
--- /dev/null
+++ b/front/src/pages/settings/__stories__/SettingsNewObject.stories.tsx
@@ -0,0 +1,28 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+import {
+ PageDecorator,
+ PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+
+import { SettingsNewObject } from '../SettingsNewObject';
+
+const meta: Meta = {
+ title: 'Pages/Settings/SettingsNewObject',
+ component: SettingsNewObject,
+ decorators: [PageDecorator],
+ args: {
+ routePath: '/settings/objects/new',
+ },
+ parameters: {
+ docs: { story: 'inline', iframeHeight: '500px' },
+ msw: graphqlMocks,
+ },
+};
+
+export default meta;
+
+export type Story = StoryObj;
+
+export const Default: Story = {};