[SUPPORT] : Rework Market with ReactQuery in LLD

[mcayuelas-ledger]

📝 Description

Rework of Market pages in LLD with removal of MarketDataProvider :

• Introducing new Hooks in live-common and LLD
• Usage of TanstackQuery (ReactQuery)
• Adding new part in Store dedicated to Market pages
• Remove old stuff from Settings store to new Market store
• Reworking some components to make them more readable
• Adding TanstackQueryDevTool in Developer Tab in Settings
• Applying the new architecture

With Rework :

• Coin Detail Screen

  • Data with range ✅
  • range graph ✅
  • CounterValue change ✅
  • refresh every 1min ✅
  • CounterValue Change ✅

• Market List

  • Data with range ✅
  • Range ✅
  • Refresh every 1min ✅
  • Sort by MarketCap ASC/DESC ✅
  • CounterValue change ✅
  • Starred Account ✅
  • Live Compatible ✅

• MarketCrumb ✅

3 new Hooks :

• useMarket => MarketList related actions and data
• useMarketCoin => MarketCoin related actions and data
• useMarketActions => Actions on currency (Buy/swap/Stake) used by both pages

New Architecture :

market
┣ MarketCoin
┃ ┣ components
┃ ┃ ┣ MarketCoinChart.tsx
┃ ┃ ┗ MarketInfo.tsx
┃ ┗ index.tsx
┣ MarketList
┃ ┣ components
┃ ┃ ┣ MarketItemChart.tsx
┃ ┃ ┣ MarketRowItem.tsx
┃ ┃ ┗ NoCryptoPlaceholder.tsx
┃ ┗ index.tsx
┣ assets
┃ ┗ ChartPlaceholder.tsx
┣ components
┃ ┣ CountervalueSelect.tsx
┃ ┣ DropDown.tsx
┃ ┣ SideDrawerFilter.tsx
┃ ┣ SortTableCell.tsx
┃ ┗ Table.tsx
┣ hooks
┃ ┣ useMarket.ts
┃ ┣ useMarketActions.ts
┃ ┗ useMarketCoin.ts
┗ index.tsx

Context & Explanations :
https://ledgerhq.atlassian.net/wiki/spaces/WXP/pages/4559208461/Market+Rework

This PR should fix also some bugs related to Market on both LLM and LLD
(Initiatives)

• https://ledgerhq.atlassian.net/browse/LIVE-10091
• https://ledgerhq.atlassian.net/browse/LIVE-11746
• https://ledgerhq.atlassian.net/browse/LIVE-11752

⚠️

• https://ledgerhq.atlassian.net/browse/LIVE-10383 (Can't be fixed right now with API response we have)

Demo on LLD (Quick Demo)

Screen.Recording.2024-03-06.at.16.56.23.mov

Screen.Recording.2024-03-07.at.11.33.08.mov

FF & refreshRate example

Screen.Recording.2024-03-12.at.16.11.04.mov

Search & starred coins

Screen.Recording.2024-03-12.at.15.18.47.mov

❓ Context

• JIRA or GitHub link:
• LIVE-11269
• LIVE-10086
• LIVE-11747
• LIVE-11752

✅ Checklist

Pull Requests must pass the CI and be code reviewed. Set as Draft if the PR is not ready.

• npx changeset was attached.
• Covered by automatic tests.
• Impact of the changes:
  • Remove MarketDatProvider
  • Use TanStackQuery to fetch/refetch data

QA Done ✅

https://ledgerhq.atlassian.net/browse/B2CQA-2227

---

🧐 Checklist for the PR Reviewers

• The code aligns with the requirements described in the linked JIRA or GitHub issue.
• The PR description clearly documents the changes made and explains any technical trade-offs or design decisions.
• There are no undocumented trade-offs, technical debt, or maintainability issues.
• The PR has been tested thoroughly, and any potential edge cases have been considered and handled.
• Any new dependencies have been justified and documented.
• Performance considerations have been taken into account. (changes have been profiled or benchmarked if necessary)

[vercel]

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

5 Ignored Deployments

Name	Status	Preview	Comments	Updated (UTC)
ledger-live-docs	⬜️ Ignored (Inspect)	Visit Preview		Apr 5, 2024 9:52am
ledger-live-github-bot	⬜️ Ignored (Inspect)	Visit Preview		Apr 5, 2024 9:52am
native-ui-storybook	⬜️ Ignored (Inspect)	Visit Preview		Apr 5, 2024 9:52am
react-ui-storybook	⬜️ Ignored (Inspect)	Visit Preview		Apr 5, 2024 9:52am
web-tools	⬜️ Ignored (Inspect)	Visit Preview		Apr 5, 2024 9:52am

[mcayuelas-ledger]

@mcayuelas-ledger

Generating screenshots: workflow ended

Jobs status:
❌ - generate-screenshots-linux

[mcayuelas-ledger]

@mcayuelas-ledger

Generating screenshots: workflow ended

Jobs status:
✅ - generate-screenshots-linux

[socket-security]

👍 Dependency issues cleared. Learn more about Socket for GitHub ↗︎

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

View full report↗︎

[KVNLS]

Great improvement 🚀