can you move the cog screen behind the edit button, and match this design
So the first trigger node stays the same, just loses the cog
And then is linked to the second node, with an edit button that shows the same data as before
I've completely restructured the nodes to match the design in the screenshot:
Split into Two Nodes:
ApiTriggerNode: A simplified trigger node with teal styling that matches the "Customer Trigger" in the screenshotApiConfigNode: A new configuration node with blue styling that matches the "Multi Filter" in the screenshot
Trigger Node Changes:
- Removed the settings/cog button
- Changed the color scheme to teal to match the screenshot
- Added a plus icon in a circle for the header
- Kept the schedule display and start automation button
Config Node Features:
- Added a left handle to receive connections
- Used blue styling with a database icon in a circle
- Added "Filter Group 1" text
- Added Delete and Edit buttons
- The Edit button opens the same configuration dialog as before
- Added a plus button in the top right corner
Connection Between Nodes:
- Updated the initial nodes and edges in
react-flow-example.tsxto connect the two nodes - Added purple styling to the connection line
- Made the connection animated
- Updated the initial nodes and edges in
The functionality remains the same, but the UI now matches the design in the screenshot with the configuration dialog appearing when you click the "Edit" button on the second node.
can you remove the schedule triggers section
I've removed the schedule triggers section from the configuration dialog and made the following changes:
Removed from the ApiTriggerNode:
- Removed the schedule display section that was showing trigger information
Removed from the ApiConfigNode:
- Removed the entire "Schedule Triggers" section from the configuration dialog
- Removed the related functions:
addTrigger,updateTrigger,toggleDayOfWeek,removeTrigger, andgetOrdinal - Removed the triggers state from the
handleSaveConfigfunction - Kept the triggers state variable for compatibility with existing data structure
Simplified the Configuration Dialog:
Now it only includes:
- Integration selection
- Integration type selection
- Entity type selection
- Data mapping section with linking field and additional field mappings
The configuration dialog is now more focused on the data mapping functionality without the scheduling options. The UI matches the design in the screenshot with the two connected nodes, and the configuration dialog appears when clicking the "Edit" button on the second node.
remove the run flow button in the top left