Enable primary tool bar with toolbarOptions
#163
Conversation
Signed-off-by: Sajid Alam <[email protected]>
Signed-off-by: Sajid Alam <[email protected]>
Signed-off-by: Sajid Alam <[email protected]>
|
This PR needs: kedro-org/kedro-viz#2225, this PR is needed for the VSCode extension integration with Kedro Viz so that toggling the |
Signed-off-by: Sajid Alam <[email protected]>
|
The expand and collapse button will remain disabled for now in the |
SajidAlamQB
changed the title
toolbarOptions
|
Do you mind adding a before/after screenshot? |
| @@ -8,6 +8,13 @@ function App() { | |||
| const [error, setError] = React.useState(false); | |||
| const [loading, setLoading] = React.useState(true); | |||
|
|
|||
| const toolbarOptions = { | |||
There was a problem hiding this comment.
hey @SajidAlamQB this looks like it should be inside a config or something similar if we have one in the vscode?
There was a problem hiding this comment.
I don't think we do, most of the viz options and settings are found in this file for the extension.
|
Before: After: |
Description
Related to: #156
For now we will enable the toolbar but keep the collapse/expand pipeline button disabled as it doesn't work interactively and needs further investigation.
The absence of a collapse feature affects users working with intricate pipelines, making it challenging to focus on specific sections. Implementing a collapse functionality would enhance usability by allowing users to manage pipeline visibility effectively, thereby improving workflow efficiency.
Introduce a collapse/expand toggle directly within the flowchart view, enabling users to control the visibility of individual pipeline sections by passing relevant props for Kedro-Viz react component in VSCode.