feat: display incompatibility message for LNS swap, LIVE-14891, LIVE-14838, LIVE-14923

[andreicovaciu]

✅ Checklist

• npx changeset was attached.
• Covered by automatic tests.
• Impact of the changes:
  • ...

📝 Description

Adds LNS incompatibility banner for TON, ADA and SPL Tokens.

❓ Context

• JIRA or GitHub link: LIVE-14838

---

🧐 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 ↗︎

4 Skipped Deployments

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

[Justkant]

I think we might want to handle the renderHardwareUpdate before the DeviceAction component to avoid sending APDUs to the device while showing the message

[andreicovaciu]

I think we might want to handle the renderHardwareUpdate before the DeviceAction component to avoid sending APDUs to the device while showing the message

What is your suggestion?

[Justkant]

What is your suggestion?

Hey you'll want to move the renderHardwareUpdate outside the DeviceAction component

I think we only need to target the new swap flows as the old native swap should not be used in prod anymore and the old platform startExchange modal is not used anymore by the wallet-api

For this you can edit this file: https://github.com/LedgerHQ/ledger-live/blob/develop/apps/ledger-live-desktop/src/renderer/components/LiveAppDrawer.tsx#L162-L178
And to get the device in the wrapper component you can use this selector
const device = useSelector(getCurrentDevice);

The main idea is that we don't want to call the useHook here: https://github.com/LedgerHQ/ledger-live/blob/develop/apps/ledger-live-desktop/src/renderer/components/DeviceAction/index.tsx#L640

[Justkant]

I've tested a lot of cases with multiple devices and it now works perfectly, thx for the updates