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

feat: apply RecordDetailSection style on RecordDuplicatesSection and … (#4241)

Browse Source 
feat: apply RecordDetailSection style on RecordDuplicatesSection and add stories

Closes #3963, Closes #4240
This commit is contained in:
Thaïs
2024-02-29 10:10:07 -03:00
committed by GitHub
parent 68a8502920
commit 6ad3880696
28 changed files with 395 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/twenty-front/src/modules/ui/navigation/action-bar/components/__stories__/ActionBar.stories.tsx
View File

@ -1,9 +1,9 @@
import { MemoryRouter } from 'react-router-dom';
import { Meta, StoryObj } from '@storybook/react';
import { useSetRecoilState } from 'recoil';
import { RecordTableScope } from '@/object-record/record-table/scopes/RecordTableScope';
import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
import { actionBarOpenState } from '../../states/actionBarIsOpenState';
import { ActionBar } from '../ActionBar';
@ -18,14 +18,13 @@ const meta: Meta<typeof ActionBar> = {
title: 'UI/Navigation/ActionBar/ActionBar',
component: FilledActionBar,
decorators: [
MemoryRouterDecorator,
(Story) => (
<RecordTableScope
recordTableScopeId="companies"
onColumnsChange={() => {}}
>
<MemoryRouter>
<Story />
</MemoryRouter>
<Story />
</RecordTableScope>
),
ComponentDecorator,

7
packages/twenty-front/src/modules/ui/navigation/context-menu/components/__stories__/ContextMenu.stories.tsx
View File

@ -1,9 +1,9 @@
import { MemoryRouter } from 'react-router-dom';
import { Meta, StoryObj } from '@storybook/react';
import { useSetRecoilState } from 'recoil';
import { RecordTableScope } from '@/object-record/record-table/scopes/RecordTableScope';
import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
import { contextMenuIsOpenState } from '../../states/contextMenuIsOpenState';
import { contextMenuPositionState } from '../../states/contextMenuPositionState';
@ -24,14 +24,13 @@ const meta: Meta<typeof ContextMenu> = {
title: 'UI/Navigation/ContextMenu/ContextMenu',
component: FilledContextMenu,
decorators: [
MemoryRouterDecorator,
(Story) => (
<RecordTableScope
recordTableScopeId="companies"
onColumnsChange={() => {}}
>
<MemoryRouter>
<Story />
</MemoryRouter>
<Story />
</RecordTableScope>
),
ComponentDecorator,

8
packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerItem.stories.tsx
View File

@ -1,10 +1,10 @@
import { MemoryRouter } from 'react-router-dom';
import styled from '@emotion/styled';
import { Meta, StoryObj } from '@storybook/react';
import { IconSearch } from '@/ui/display/icon';
import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator';
import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator';
import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator';
import { CatalogStory } from '~/testing/types';
import { NavigationDrawerItem } from '../NavigationDrawerItem';
@ -47,11 +47,7 @@ export const Catalog: CatalogStory<Story, typeof NavigationDrawerItem> = {
</StyledContainer>
),
CatalogDecorator,
(Story) => (
<MemoryRouter>
<Story />
</MemoryRouter>
),
MemoryRouterDecorator,
],
parameters: {
pseudo: { hover: ['.hover'] },