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

[preview 1] Move panel toggles to control headers #1707

Conversation

victorlin
Copy link
Member

@victorlin victorlin commented Oct 9, 2023

Prototyping for #1704. For preview purposes only. Do not merge.

The hooks API is recommended by Redux docs¹.

¹ https://react-redux.js.org/api/hooks
Do this by extending annotatedHeader to take an optional toggle, then
using it for all available panels.

Simplify headers and translations to just the panel name (e.g. Tree)
instead of "Show <panel name>" / "<panel name> Options".

Repurpose and move the section "Panel Options" to the top as "Layout".
Conditionally render that entire section including the header.
This keeps the styling closer to where it is used.
@victorlin victorlin self-assigned this Oct 9, 2023
@nextstrain-bot nextstrain-bot temporarily deployed to auspice-victorlin-move--vboshc October 9, 2023 22:21 Inactive
@victorlin victorlin closed this Oct 12, 2023
@victorlin victorlin deleted the victorlin/move-panel-toggles-preview1 branch October 12, 2023 21:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants