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

feat: hide orders table widget #5303

Merged
merged 3 commits into from
Jan 16, 2025

Conversation

fairlighteth
Copy link
Contributor

@fairlighteth fairlighteth commented Jan 16, 2025

Fix orders table visibility in widget mode

Improved how we handle the hideOrdersTable parameter in widget mode to ensure proper hiding of the orders table in both Limit Orders and TWAP pages:

  1. Added conditional rendering of SecondaryWrapper based on hideOrdersTable parameter
  2. Updated PageWrapper grid template areas to adjust layout when table is hidden:
    • Simplified grid areas to only show "primary" when table is hidden

This change ensures the orders table is properly hidden in widget mode while maintaining a clean layout structure.

Testing

  • Verify orders table is completely hidden in widget mode when hideOrdersTable=true
  • Check layout adjusts properly in both Limit Orders and TWAP pages
  • Confirm existing functionality (responsive design, left/right table position) still works

Copy link

vercel bot commented Jan 16, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
cosmos 🔄 Building (Inspect) Visit Preview Jan 16, 2025 4:50pm
cowfi 🔄 Building (Inspect) Visit Preview Jan 16, 2025 4:50pm
explorer-dev 🔄 Building (Inspect) Visit Preview Jan 16, 2025 4:50pm
sdk-tools 🔄 Building (Inspect) Visit Preview Jan 16, 2025 4:50pm
swap-dev 🔄 Building (Inspect) Visit Preview Jan 16, 2025 4:50pm
widget-configurator 🔄 Building (Inspect) Visit Preview Jan 16, 2025 4:50pm

Copy link

@elena-zh elena-zh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @fairlighteth , thank you!
The only one issue that I face is that 'My orders' button has become not clickable. But it is reported in a separate task

Comment on lines -30 to +36
display: ${({ isUnlocked }) => (isUnlocked ? '' : 'none')};
display: ${({ isUnlocked }) => (!isUnlocked ? 'none' : '')};
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"Trocou 6 por meia dúzia", is what I have to say about this change

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor

@anxolin anxolin Jan 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pluuuus, unlock means not locked, so effectivelly reads worse: "not not lock: double negations are harder to reason about

@alfetopito alfetopito force-pushed the feat/limit-ui-upgrade-13 branch from 02cbfe4 to f449a1d Compare January 16, 2025 16:10
@fairlighteth fairlighteth merged commit e135932 into feat/limit-ui-upgrade-13 Jan 16, 2025
4 of 11 checks passed
@fairlighteth fairlighteth deleted the feat/limit-ui-upgrade-14 branch January 16, 2025 16:50
@github-actions github-actions bot locked and limited conversation to collaborators Jan 16, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants