feat: add digest flow diagram #2949
Conversation
|
|
||
| return ( | ||
| <Wrapper dark={colorScheme === 'dark'}> | ||
| <div style={{ minHeight: '500px', height: '100%', width: 'inherit' }}> |
There was a problem hiding this comment.
Please ignore the sizing here they will could change in the future, at the moment I only created this part on the main body section.
| <Icon style={{ marginRight: '15px' }} /> | ||
| <Text weight={'bold'}>{data.label} </Text> | ||
| </ButtonLeftContent> | ||
| {ActionItem ? <ActionItem /> : null} |
There was a problem hiding this comment.
This part is a hot placeholder in the action section on the right side on the button I left for the playground stage, @LetItRock you can use it as well, I am still not sure I will need it on my page.
https://www.figma.com/file/hlsUxjq2kxUU7aVBf2QyGu?node-id=409:41745#384032833
| import { NodeButton } from './NodeButton'; | ||
| import { DigestGradient } from '../../../../../design-system/icons/general/DigestGradient'; | ||
|
|
||
| export function DigestNode({ data, id }: { data: any; id: string }) { |
There was a problem hiding this comment.
@LetItRock FYI
Created a separate component for every button so it will be easy to create separate logic for every button (like the trigger button on the playground etc..)
If we see the need to merge them into one generic component we most definitely can :)
| zoomOnScroll={false} | ||
| zoomOnPinch={false} | ||
| panOnDrag={false} | ||
| panOnScroll={false} |
There was a problem hiding this comment.
Are these props true as default?
There was a problem hiding this comment.
Yeah, added those because i wanted only a preview of the flow and not the full canvas component.
apps/web/src/pages/quick-start/components/demo-flow/nodes/DigestNode.tsx
Outdated
Show resolved
Hide resolved
apps/web/src/pages/quick-start/components/demo-flow/nodes/NodeButton.tsx
Show resolved
Hide resolved
…06/create-digest-flow
… NV-1806/create-digest-flow # Conflicts: # apps/web/src/design-system/icons/general/DigestGradient.tsx
github-actions
bot
added
@novu/api
@novu/dal
@novu/shared
@novu/webhook
@novu/ws
providers
labels
…06/create-digest-flow
github-actions
bot
removed
@novu/shared
@novu/webhook
@novu/api
@novu/ws
providers
@novu/dal
labels
What change does this PR introduce?
Add digest flow for our preview and playground set-started steps.
Why was this change needed?
Creation of new components, I used react flow in order to get out of the box flow builder of the flow so we will have easy to maintain and add new nodes in the future id need.
Other information (Screenshots)
Image ref (please ignore all the none relevant components):