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: limit order mobile view #8073

Open
wants to merge 7 commits into
base: develop
Choose a base branch
from
Open

Conversation

0xApotheosis
Copy link
Contributor

@0xApotheosis 0xApotheosis commented Nov 4, 2024

Description

  • Wires up the mobile view for the limit order list component.
  • Create a generic component to handle the mobile view of both LimitOrderList and QuoteList

Issue (if applicable)

Closes #6206

Risk

Small

What protocols, transaction types, wallets or contract interactions might be affected by this PR?

None

Testing

With a small screen size, check that the clicking the limit order quote section navigates to a new route (/trade/limit-order-quote-list) and shows the limit order list. Note, currently for this to work you must first get a quote on the Trade/Bridge tab.

Ensure the back button works, navigating back to the limit order screen.

Ensure that the existing trade quote views (small and regular) have no regressions.

Engineering

☝️

Operations

  • 🏁 My feature is behind a flag and doesn't require operations testing (yet)

Nothing needed from ops yet.

Screenshots (if applicable)

Screenshot 2024-11-05 at 13 14 22 Screenshot 2024-11-05 at 13 14 43

@0xApotheosis 0xApotheosis marked this pull request as ready for review November 5, 2024 02:27
@0xApotheosis 0xApotheosis requested a review from a team as a code owner November 5, 2024 02:27
Copy link
Collaborator

@NeOMakinG NeOMakinG left a comment

Choose a reason for hiding this comment

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

view

image
image

Clicking on back correctly redirect you to the previous limit order form

Desktop

image
image

2 small comments but not so blocking

{onBack && (
<CardHeader px={0} display='flex' flexDirection='column' pb={0}>
<Flex width='full' alignItems='center' mb={4} position='relative' mx={4}>
<Box position='absolute' left={0}>
Copy link
Collaborator

Choose a reason for hiding this comment

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

preferably-blocking: avoid the position absolute which could cause z-index/hover issues and where the back button could not be clickable because of siblings elements

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.

Create Open Orders and Order History UI components
2 participants