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

Custom control panel #48

Merged
merged 4 commits into from
Feb 29, 2024
Merged

Conversation

dpgraham4401
Copy link
Member

Description

This PR create a new <ControlCenter/> component which wraps around and extends the react-flow library's <Controls/> component. It extends it by moving the toggle layout direction adn toggle minimap button from the header to the new control center.

Issue ticket number and link

closes #45

Checklist

  • I have added tests that prove my fix is effective or that my feature works
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings

…which wraps and extends react-flow's Controls component

    ControlCenter's layout button toggle the layout direction (horizontal or vertical)

    Control Center renders a layout button

    minimap control button toggle map visibility

    Added benefit, this eliminates all the css associated with the previous control buttons

    render MiniMapBtn in out ControlCenter

    convert MiniMapBtn and LayoutBtn's from html native <button/> elements to react flow <ControlButton/> elements

    move ControlCenter component source tree to under the Tree component directory

    remove control buttons from Header
@github-actions github-actions bot added CI/CD continuous integration/continuous deployment dependencies changes to our dependencies labels Feb 29, 2024
@dpgraham4401 dpgraham4401 merged commit 1d23ef1 into USEPA:main Feb 29, 2024
7 checks passed
@dpgraham4401 dpgraham4401 deleted the custom_control_panel branch February 29, 2024 16:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CI/CD continuous integration/continuous deployment dependencies changes to our dependencies
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Move Tree Direction and MiniMap visibility buttons to Control section
1 participant