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

Keep migrating to jotai (#18064)

Browse Source 
And we continue!
This commit is contained in:
Charles Bochet
2026-02-19 12:10:02 +01:00
committed by GitHub
parent c0ea049ad7
commit 1a13258302
216 changed files with 2366 additions and 1594 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/twenty-front/src/modules/spreadsheet-import/steps/components/__stories__/SelectHeader.stories.tsx
+17 -14
View File
@@ -10,6 +10,8 @@ import { SelectHeaderStep } from '@/spreadsheet-import/steps/components/SelectHe
import { SpreadsheetImportStepType } from '@/spreadsheet-import/steps/types/SpreadsheetImportStepType';
import { DialogComponentInstanceContext } from '@/ui/feedback/dialog-manager/contexts/DialogComponentInstanceContext';
import { isModalOpenedComponentState } from '@/ui/layout/modal/states/isModalOpenedComponentState';
import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore';
import { Provider as JotaiProvider } from 'jotai';
import { RecoilRoot } from 'recoil';
const meta: Meta<typeof SelectHeaderStep> = {
@@ -19,20 +21,21 @@ const meta: Meta<typeof SelectHeaderStep> = {
layout: 'fullscreen',
},
decorators: [
(Story) => (
<RecoilRoot
initializeState={({ set }) => {
set(
isModalOpenedComponentState.atomFamily({
instanceId: 'select-header-step',
}),
true,
);
}}
>
<Story />
</RecoilRoot>
),
(Story) => {
jotaiStore.set(
isModalOpenedComponentState.atomFamily({
instanceId: 'select-header-step',
}),
true,
);
return (
<JotaiProvider store={jotaiStore}>
<RecoilRoot>
<Story />
</RecoilRoot>
</JotaiProvider>
);
},
],
};
packages/twenty-front/src/modules/spreadsheet-import/steps/components/__stories__/SelectSheet.stories.tsx
+17 -14
View File
@@ -7,6 +7,8 @@ import { SelectSheetStep } from '@/spreadsheet-import/steps/components/SelectShe
import { SpreadsheetImportStepType } from '@/spreadsheet-import/steps/types/SpreadsheetImportStepType';
import { DialogComponentInstanceContext } from '@/ui/feedback/dialog-manager/contexts/DialogComponentInstanceContext';
import { isModalOpenedComponentState } from '@/ui/layout/modal/states/isModalOpenedComponentState';
import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore';
import { Provider as JotaiProvider } from 'jotai';
import { RecoilRoot } from 'recoil';
const meta: Meta<typeof SelectSheetStep> = {
@@ -16,20 +18,21 @@ const meta: Meta<typeof SelectSheetStep> = {
layout: 'fullscreen',
},
decorators: [
(Story) => (
<RecoilRoot
initializeState={({ set }) => {
set(
isModalOpenedComponentState.atomFamily({
instanceId: 'select-sheet-step',
}),
true,
);
}}
>
<Story />
</RecoilRoot>
),
(Story) => {
jotaiStore.set(
isModalOpenedComponentState.atomFamily({
instanceId: 'select-sheet-step',
}),
true,
);
return (
<JotaiProvider store={jotaiStore}>
<RecoilRoot>
<Story />
</RecoilRoot>
</JotaiProvider>
);
},
],
};
packages/twenty-front/src/modules/spreadsheet-import/steps/components/__stories__/Upload.stories.tsx
+17 -14
View File
@@ -7,6 +7,8 @@ import { UploadStep } from '@/spreadsheet-import/steps/components/UploadStep/Upl
import { SpreadsheetImportStepType } from '@/spreadsheet-import/steps/types/SpreadsheetImportStepType';
import { DialogComponentInstanceContext } from '@/ui/feedback/dialog-manager/contexts/DialogComponentInstanceContext';
import { isModalOpenedComponentState } from '@/ui/layout/modal/states/isModalOpenedComponentState';
import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore';
import { Provider as JotaiProvider } from 'jotai';
import { RecoilRoot } from 'recoil';
import { ContextStoreDecorator } from '~/testing/decorators/ContextStoreDecorator';
import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
@@ -21,20 +23,21 @@ const meta: Meta<typeof UploadStep> = {
decorators: [
ObjectMetadataItemsDecorator,
ContextStoreDecorator,
(Story) => (
<RecoilRoot
initializeState={({ set }) => {
set(
isModalOpenedComponentState.atomFamily({
instanceId: 'upload-step',
}),
true,
);
}}
>
<Story />
</RecoilRoot>
),
(Story) => {
jotaiStore.set(
isModalOpenedComponentState.atomFamily({
instanceId: 'upload-step',
}),
true,
);
return (
<JotaiProvider store={jotaiStore}>
<RecoilRoot>
<Story />
</RecoilRoot>
</JotaiProvider>
);
},
SnackBarDecorator,
],
};
packages/twenty-front/src/modules/spreadsheet-import/steps/components/__stories__/Validation.stories.tsx
+17 -14
View File
@@ -10,6 +10,8 @@ import { SpreadSheetImportModalWrapper } from '@/spreadsheet-import/components/S
import { ValidationStep } from '@/spreadsheet-import/steps/components/ValidationStep/ValidationStep';
import { DialogComponentInstanceContext } from '@/ui/feedback/dialog-manager/contexts/DialogComponentInstanceContext';
import { isModalOpenedComponentState } from '@/ui/layout/modal/states/isModalOpenedComponentState';
import { jotaiStore } from '@/ui/utilities/state/jotai/jotaiStore';
import { Provider as JotaiProvider } from 'jotai';
import { RecoilRoot } from 'recoil';
const meta: Meta<typeof ValidationStep> = {
@@ -19,20 +21,21 @@ const meta: Meta<typeof ValidationStep> = {
layout: 'fullscreen',
},
decorators: [
(Story) => (
<RecoilRoot
initializeState={({ set }) => {
set(
isModalOpenedComponentState.atomFamily({
instanceId: 'validation-step',
}),
true,
);
}}
>
<Story />
</RecoilRoot>
),
(Story) => {
jotaiStore.set(
isModalOpenedComponentState.atomFamily({
instanceId: 'validation-step',
}),
true,
);
return (
<JotaiProvider store={jotaiStore}>
<RecoilRoot>
<Story />
</RecoilRoot>
</JotaiProvider>
);
},
],
};