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 πŸ’„(llm) Reborn Upsell Flex Drawer #8843

Merged
merged 1 commit into from
Jan 16, 2025
Merged

Conversation

LucasWerey
Copy link
Contributor

@LucasWerey LucasWerey commented Jan 8, 2025

βœ… Checklist

  • npx changeset was attached.
  • Covered by automatic tests.
  • Impact of the changes:
    • hardcoded lnx "drawer" screen

πŸ“ Description

Under ff create hardcoded Flex upsell drawer screen. This will allows us to replace the current lnx drawer. Also it works with the dynamic Reborn_LP. So it will fallback to it if needed.
The upsell redirection is defined in a feature flag that's why in the video it redirects to LNX page and not flex.
I haven't done any major changes and kept the same pattern

Also we need to allow ledger-shop to be usable even in Reborn mode

All use cases :
https://github.com/user-attachments/assets/0f70a9e3-f1a1-42a3-935c-47a8223d8d5e

Dark mode :
https://github.com/user-attachments/assets/7e53e0ee-66ee-424c-85c9-d9042ce99cd2

❓ Context


🧐 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)

Copy link

vercel bot commented Jan 8, 2025

The latest updates on your projects. Learn more about Vercel for Git β†—οΈŽ

Name Status Preview Comments Updated (UTC)
web-tools ❌ Failed (Inspect) Jan 16, 2025 9:09am
3 Skipped Deployments
Name Status Preview Comments Updated (UTC)
ledger-live-github-bot ⬜️ Ignored (Inspect) Visit Preview Jan 16, 2025 9:09am
native-ui-storybook ⬜️ Ignored (Inspect) Visit Preview Jan 16, 2025 9:09am
react-ui-storybook ⬜️ Ignored (Inspect) Visit Preview Jan 16, 2025 9:09am

@live-github-bot live-github-bot bot added mobile Has changes in LLM translations Translation files have been touched labels Jan 8, 2025
@LucasWerey LucasWerey force-pushed the feat/LIVE-15654 branch 3 times, most recently from 1073f42 to f5387ba Compare January 9, 2025 14:14
@live-github-bot live-github-bot bot added the common Has changes in live-common label Jan 9, 2025
@live-github-bot live-github-bot bot added the ledgerjs Has changes in the ledgerjs open source libs label Jan 14, 2025
@LucasWerey LucasWerey marked this pull request as ready for review January 14, 2025 14:40
@LucasWerey LucasWerey requested review from a team as code owners January 14, 2025 14:40
@LucasWerey LucasWerey changed the title feat πŸ’„(llm): update LNX drawer in Reborn feat πŸ’„(llm) Reborn Upsell Flex Drawer Jan 14, 2025
@@ -10,4 +10,5 @@ export default {
infinityPassPart02Light: require("./infinityPassLight/infinityPassPart02.mp4"),
customLockScreenBannerLight: require("./customLockScreenBanner/customLockScreenBannerLight.mp4"),
customLockScreenBannerDark: require("./customLockScreenBanner/customLockScreenBannerDark.mp4"),
flex: require("./flex.mp4"),
Copy link
Contributor

Choose a reason for hiding this comment

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

maybe we can create a dedicated folder for Flex?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Done βœ…

@@ -209,7 +209,6 @@ export default function BaseNavigator() {
options={{
headerStyle: styles.headerNoShadow,
}}
{...noNanoBuyNanoWallScreenOptions}
Copy link
Contributor

Choose a reason for hiding this comment

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

Are we sure we want to remove this wall?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I remove it from here but I catch it directly inside the screen where we call the discovery app so IMO it's ok the behaviour doesn't change and let me be able to open the ledger shop in reborn mode

@@ -1303,7 +1303,7 @@
"desc": "Our products are the only hardware wallets certified for their security by national cyber security agencies."
},
"title": "You need a Ledger",
"desc": "For your security, Ledger Live only works with a device. You need a device in order to continue.",
"desc": "For your security,\n Ledger Live only works with a Ledger.",
Copy link
Contributor

Choose a reason for hiding this comment

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

\n working here?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yep !

Copy link
Contributor

@mcayuelas-ledger mcayuelas-ledger left a comment

Choose a reason for hiding this comment

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

As it's a new feature in new Arch, it's possible to try to make a quick test?

Comment on lines 8 to 16
const Stack = createStackNavigator();

const MockComponent = () => (
<OnboardingContextProvider>
<Stack.Navigator>
<Stack.Screen name="UpsellFlex" component={UpsellFlex} />
</Stack.Navigator>
</OnboardingContextProvider>
);
Copy link
Contributor

Choose a reason for hiding this comment

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

You can put this on a shared file :)

@@ -1303,7 +1303,7 @@
"desc": "Our products are the only hardware wallets certified for their security by national cyber security agencies."
},
"title": "You need a Ledger",
"desc": "For your security, Ledger Live only works with a device. You need a device in order to continue.",
"desc": "For your security,\n Ledger Live only works with a Ledger.",
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
"desc": "For your security,\n Ledger Live only works with a Ledger.",
"desc": "For your security,\n Ledger Live only works with a Ledger device.",

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It's the wording from Figma so I guess it's good

@LucasWerey LucasWerey merged commit 79489d7 into develop Jan 16, 2025
52 of 55 checks passed
@LucasWerey LucasWerey deleted the feat/LIVE-15654 branch January 16, 2025 10:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
common Has changes in live-common ledgerjs Has changes in the ledgerjs open source libs mobile Has changes in LLM translations Translation files have been touched
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants