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 = {};