Skip to content

Conversation

priyaleedman-imm
Copy link
Contributor

@priyaleedman-imm priyaleedman-imm commented Sep 26, 2025

Jira: https://immutable.atlassian.net/browse/GFI-1196

Default
Screenshot 2025-09-26 at 3 45 12 pm

Removed
Screenshot 2025-09-26 at 3 46 42 pm


Note

Adds showHeader to On-Ramp config/props to optionally hide the header; iframe container height set to 100%.

  • On-Ramp widget configuration:
    • Add showHeader?: boolean to OnrampWidgetConfiguration (packages/checkout/sdk/src/widgets/definitions/configurations/onramp.ts).
  • On-Ramp widget plumbing:
    • Pass showHeader from OnRampWidget to OnRampMain (packages/checkout/widgets-lib/src/widgets/on-ramp/OnRampWidget.tsx).
    • In OnRampMain, add showHeader?: boolean prop (default true) and conditionally render HeaderNavigation via SimpleLayout header prop (packages/checkout/widgets-lib/src/widgets/on-ramp/views/OnRampMain.tsx).
  • Styling/layout:
    • Change containerStyle height from 565px to 100% (packages/checkout/widgets-lib/src/widgets/on-ramp/views/onRampStyles.ts).
  • Sample app:
    • Demonstrate ONRAMP config including showHeader (commented example) (packages/checkout/widgets-sample-app/src/components/ui/checkout/checkout.tsx).

Written by Cursor Bugbot for commit 1d68c22. This will update automatically on new commits. Configure here.

@priyaleedman-imm priyaleedman-imm requested a review from a team as a code owner September 26, 2025 05:47
Copy link

nx-cloud bot commented Sep 26, 2025

View your CI Pipeline Execution ↗ for commit 1d68c22

Command Status Duration Result
nx affected -t build,lint,test ✅ Succeeded 2m 6s View ↗
nx run-many -p @imtbl/sdk,@imtbl/checkout-widge... ✅ Succeeded 1m 1s View ↗

☁️ Nx Cloud last updated this comment at 2025-09-30 00:16:12 UTC

keithbro-imx
keithbro-imx previously approved these changes Sep 26, 2025
showMenu,
customTitle,
customSubTitle,
showHeader,
Copy link
Contributor

Choose a reason for hiding this comment

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

Would be a bit better to do the defaulting here but not a blocker

Copy link
Contributor Author

Choose a reason for hiding this comment

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

yeah I thought about this

do you mean showHeader=True or should we default it and then pass it into this component

showMenu={onrampConfig?.showMenu}
customTitle={onrampConfig?.customTitle}
customSubTitle={onrampConfig?.customSubTitle}
showHeader={onrampConfig?.showHeader}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@keithbro-imx we could also default it here eg. showHeader={onrampConfig?.showHeader ?? true}

@priyaleedman-imm priyaleedman-imm added this pull request to the merge queue Sep 30, 2025
Merged via the queue into main with commit 1a2d0e1 Sep 30, 2025
13 checks passed
@priyaleedman-imm priyaleedman-imm deleted the task/GFI-1196-allow-hide-header-on-onramp-widget branch September 30, 2025 00:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

4 participants