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

Mattupham/fe 784 portfolio v2 open orders / limit orders #3786

Merged
merged 8 commits into from
Aug 22, 2024

Conversation

mattupham
Copy link
Contributor

@mattupham mattupham commented Aug 22, 2024

What is the purpose of the change:

  • add limit orders to portfolio page

Linear Task

https://linear.app/osmosis/issue/FE-784/portfolio-v2-open-orders
https://linear.app/osmosis/issue/FE-1044/portfolio-v2-show-up-to-5-open-orders

Brief Changelog

  • add top 5 recent open limit orders to portfolio page
  • add to new section, with link to limit orders on transactions page
  • responsive
  • i18n

Testing and Verifying

Screenshot 2024-08-22 at 11 40 14 AM Screenshot 2024-08-22 at 11 40 07 AM Screenshot 2024-08-22 at 11 34 42 AM Screenshot 2024-08-22 at 11 50 08 AM

Copy link

vercel bot commented Aug 22, 2024

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

Name Status Preview Comments Updated (UTC)
osmosis-frontend ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 22, 2024 6:56pm
4 Skipped Deployments
Name Status Preview Comments Updated (UTC)
osmosis-frontend-datadog ⬜️ Ignored (Inspect) Visit Preview Aug 22, 2024 6:56pm
osmosis-frontend-dev ⬜️ Ignored (Inspect) Visit Preview Aug 22, 2024 6:56pm
osmosis-frontend-edgenet ⬜️ Ignored (Inspect) Aug 22, 2024 6:56pm
osmosis-testnet ⬜️ Ignored (Inspect) Visit Preview Aug 22, 2024 6:56pm

Copy link
Contributor

coderabbitai bot commented Aug 22, 2024

Walkthrough

The changes introduce a new OpenOrders component for displaying open limit orders in the portfolio management interface, leveraging TypeScript and internationalization support. Additionally, the RecentActivitySkeleton component is updated to use a constant for its activity limit, improving maintainability and flexibility.

Changes

File Change Summary
.../complex/portfolio/open-orders.tsx Introduced OpenOrders component to display open limit orders, includes loading state handling and supports i18n.
.../complex/portfolio/portfolio-page.tsx Integrated OpenOrders into PortfolioPage, conditionally rendering based on feature flags.
.../transactions/recent-activity/recent-activity.tsx Modified RecentActivitySkeleton to use ACTIVITY_LIMIT constant for array length instead of hardcoded value.

Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL

Commits

Files that changed from the base of the PR and between 3198e92 and 7521273.

Files selected for processing (1)
  • packages/web/components/complex/portfolio/open-orders.tsx (1 hunks)
Files skipped from review as they are similar to previous changes (1)
  • packages/web/components/complex/portfolio/open-orders.tsx

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

Share
Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>.
    • Generate unit testing code for this file.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai generate unit testing code for this file.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai generate interesting stats about this repository and render them as a table.
    • @coderabbitai show all the console.log statements in this repository.
    • @coderabbitai read src/utils.ts and generate unit testing code.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
    • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (invoked as PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Additionally, you can add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 1

packages/web/components/complex/portfolio/open-orders.tsx Outdated Show resolved Hide resolved
@mattupham mattupham requested a review from a team August 22, 2024 18:43
@mattupham mattupham marked this pull request as ready for review August 22, 2024 18:44
@mattupham mattupham changed the title Mattupham/fe 784 portfolio v2 open orders Mattupham/fe 784 portfolio v2 open orders / limit orders Aug 22, 2024
@MaxMillington MaxMillington merged commit ff7b74e into stage Aug 22, 2024
32 checks passed
@MaxMillington MaxMillington deleted the mattupham/fe-784-portfolio-v2-open-orders branch August 22, 2024 19:39
@mattupham mattupham mentioned this pull request Aug 22, 2024
p0mvn pushed a commit that referenced this pull request Aug 22, 2024
* In Given Out (#3773)

* feat: initial in given out implementation

* feat: inputs and relative buttons wired in to correct quotes

* fix: route display

* feat: functioning swaps for in given out

* feat: working in given out

* fix: improved swap denoms button

* chore: remove logs

* fix: missing dependencies for hook

* fix: readded localstorage for swapped pairs, fixed asset page denoms for limit orders

* fix: adjusted gas estimate loading state

* fix: asset price chart advance view bg

* fix: readded feature flag for limit orders

* fix: flipped trade details ratio ordering

* fix: limit order ratio shows current market

* refactor: replicated disabled/loading state for old swap tool

* feat: added out given in to buy/sell

* fix: limit input with decimal start

* fix: reset now resets output

* feat: [WIP] swap exact amount out

* fix: price formatting for buy/sell fiat inputs

* feat: implemented default slippage for in-given-out

* chore: removed log

* feat: added new slippage defaults to swap tab

* build: fix errors

* fix: use swap hook infinite load

* feat: added more amplitude events

* fix: input starting with . for swap tab

* feat: hide percent change when below 1%

* feat: market price now shows 0%

* chore: updated tooltips

* chore: localizations

* fix: spacing

* fix: removed unused localization

* fix: display values for new quote type

* chore: localizations

* fix: in given out refetch dropped to 10 seconds

* fix: sell tab non focused display

* feat: dynamic slippage for in-given-out

* feat: added inGivenOut feature flag

* fix: adjusted slippage resetting

* fix: removed unused file

* Apply suggestions from code review

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* fix: renamed slippage variable and fixed comments

* fix: added handler for alternate slippage error

* feat: added handlers for slippage over balance

* fix: loading state for buy/sell tab

* refactor: moved amount with slippage calculation to a hook

* refactor: cleaned up nonFocusedDisplayAmount

* fix: reinstated balance query for exact amount out

* fix: added number formatting for swap tab inputs

* feat: added OCT to in given out

* chore: localizations

* refactor: useQueryRouterBestQuote changes

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* [In Given Out]: Feature Flag (#3781)

* fix: improved inGivenOut FF disabled behavior

* fix: clear inputs on swap

* fix: added cases for if user has input and in given out ff is disabled

* fix: swap inputs on empty value

* Swap more OSMO to ATOM (#3782)

* (Deposit/Withdraw) Display Keplr EVM correctly (#3771)

* [In Given Out]: Default input adjustments (#3784)

* fix: button disabled for limit

* feat: default display for buy/sell tab

* refactor: wrapped updating code in useEffect

* fix: loading state for button

* feat: added slippage warning for default too high (#3787)

* Mattupham/fe 784 portfolio v2 open orders / limit orders (#3786)

* open orders

* Add base values for limit orders

* Add open orders

* Clean up styles

* Clean up styles

* Base i18n

* i18n

* Update quote asset

* fix: remove logs and correct limit input amount (#3788)

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: yakuramori <[email protected]>
Co-authored-by: Jose Felix <[email protected]>
Co-authored-by: Matt Upham <[email protected]>
mattupham added a commit that referenced this pull request Aug 23, 2024
* In Given Out (#3773)

* feat: initial in given out implementation

* feat: inputs and relative buttons wired in to correct quotes

* fix: route display

* feat: functioning swaps for in given out

* feat: working in given out

* fix: improved swap denoms button

* chore: remove logs

* fix: missing dependencies for hook

* fix: readded localstorage for swapped pairs, fixed asset page denoms for limit orders

* fix: adjusted gas estimate loading state

* fix: asset price chart advance view bg

* fix: readded feature flag for limit orders

* fix: flipped trade details ratio ordering

* fix: limit order ratio shows current market

* refactor: replicated disabled/loading state for old swap tool

* feat: added out given in to buy/sell

* fix: limit input with decimal start

* fix: reset now resets output

* feat: [WIP] swap exact amount out

* fix: price formatting for buy/sell fiat inputs

* feat: implemented default slippage for in-given-out

* chore: removed log

* feat: added new slippage defaults to swap tab

* build: fix errors

* fix: use swap hook infinite load

* feat: added more amplitude events

* fix: input starting with . for swap tab

* feat: hide percent change when below 1%

* feat: market price now shows 0%

* chore: updated tooltips

* chore: localizations

* fix: spacing

* fix: removed unused localization

* fix: display values for new quote type

* chore: localizations

* fix: in given out refetch dropped to 10 seconds

* fix: sell tab non focused display

* feat: dynamic slippage for in-given-out

* feat: added inGivenOut feature flag

* fix: adjusted slippage resetting

* fix: removed unused file

* Apply suggestions from code review

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* fix: renamed slippage variable and fixed comments

* fix: added handler for alternate slippage error

* feat: added handlers for slippage over balance

* fix: loading state for buy/sell tab

* refactor: moved amount with slippage calculation to a hook

* refactor: cleaned up nonFocusedDisplayAmount

* fix: reinstated balance query for exact amount out

* fix: added number formatting for swap tab inputs

* feat: added OCT to in given out

* chore: localizations

* refactor: useQueryRouterBestQuote changes

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* [In Given Out]: Feature Flag (#3781)

* fix: improved inGivenOut FF disabled behavior

* fix: clear inputs on swap

* fix: added cases for if user has input and in given out ff is disabled

* fix: swap inputs on empty value

* Swap more OSMO to ATOM (#3782)

* (Deposit/Withdraw) Display Keplr EVM correctly (#3771)

* [In Given Out]: Default input adjustments (#3784)

* fix: button disabled for limit

* feat: default display for buy/sell tab

* refactor: wrapped updating code in useEffect

* fix: loading state for button

* feat: added slippage warning for default too high (#3787)

* Mattupham/fe 784 portfolio v2 open orders / limit orders (#3786)

* open orders

* Add base values for limit orders

* Add open orders

* Clean up styles

* Clean up styles

* Base i18n

* i18n

* Update quote asset

* fix: remove logs and correct limit input amount (#3788)

* feat: add account address to txn scan endpoint (#3783)

* Restrict Orderbook Amount  (#3791)

* fix: limited orderbook pools for orders query

* fix: restrict pools from SQS rather than in orderbook router

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: yakuramori <[email protected]>
Co-authored-by: Jose Felix <[email protected]>
Co-authored-by: Matt Upham <[email protected]>
Co-authored-by: PaddyMc <[email protected]>
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