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

Create variants for workflow visualizer nodes (#10006)

Browse Source 
Closes https://github.com/twentyhq/core-team-issues/issues/332

- Create the success and failed variants
- Introduce the first responsive color
- Creating stories for the new variants

These components are not yet in use in the source code. If you want to
see them, launch Storybook.

| Success | Failure |
|--------|--------|
| ![CleanShot 2025-02-04 at 16 24
43@2x](https://github.com/user-attachments/assets/0dd68a8f-3914-4b6e-b2d8-43108c2f5e8c)
| ![CleanShot 2025-02-04 at 16 24
59@2x](https://github.com/user-attachments/assets/e4e408d3-29fb-4fbc-a277-044aec9b0f4b)
|
| ![CleanShot 2025-02-04 at 16 24
54@2x](https://github.com/user-attachments/assets/d565ee47-1476-475d-adf6-dadfff9c6719)
| ![CleanShot 2025-02-04 at 16 25
05@2x](https://github.com/user-attachments/assets/9a0aabcc-84d1-41e2-a5a1-7c8cb05f963f)
|
This commit is contained in:
Baptiste Devessier
2025-02-04 18:38:38 +01:00
committed by GitHub
parent 5be22413c9
commit 125a0c3419
14 changed files with 284 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/twenty-front/src/testing/decorators/ReactflowDecorator.tsx Normal file
View File

@ -0,0 +1,10 @@
import { Decorator } from '@storybook/react';
import { ReactFlowProvider } from '@xyflow/react';
export const ReactflowDecorator: Decorator = (Story) => {
return (
<ReactFlowProvider>
<Story />
</ReactFlowProvider>
);
};