Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add edge deletion and custom edge styling #52

Merged
merged 1 commit into from
Oct 5, 2023

Conversation

ohltyler
Copy link
Member

@ohltyler ohltyler commented Oct 5, 2023

Description

This PR enhances the reactflow edge used in the Workspace. Specifically:

  • adds a DeletableEdge component based on the buttonEdge provided in ReactFlow docs. When a user makes a connection, an 'X' button is shown in the middle. When clicked, the edge is deleted.
  • implements deleteEdge() in the reactflowcontext.
  • adds the DeletableEdge class as the single edge type in the ReactFlow instance.
  • adds dynamic styling using reactflow styling classes to dynamically color the edge handle to red or green based on if the connection is valid or not before a user attempts to connect. See demo video for example.

Issues Resolved

Makes progress on #8 , #10 , #16 , #18

screen-capture.14.webm

Check List

  • Commits are signed per the DCO using --signoff

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.
For more information on following Developer Certificate of Origin and signing off your commits, please check here.

@ohltyler ohltyler merged commit d2b33f6 into opensearch-project:main Oct 5, 2023
8 checks passed
@ohltyler ohltyler deleted the validation branch October 5, 2023 17:44
opensearch-trigger-bot bot pushed a commit that referenced this pull request Oct 5, 2023
Signed-off-by: Tyler Ohlsen <[email protected]>
(cherry picked from commit d2b33f6)
ohltyler added a commit that referenced this pull request Oct 5, 2023
Signed-off-by: Tyler Ohlsen <[email protected]>
(cherry picked from commit d2b33f6)

Co-authored-by: Tyler Ohlsen <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants