Skip to content

feat: create MediaBanner component#582

Merged
aquelemiguel merged 29 commits intomainfrom
dls-595
Mar 23, 2026
Merged

feat: create MediaBanner component#582
aquelemiguel merged 29 commits intomainfrom
dls-595

Conversation

@aquelemiguel
Copy link
Copy Markdown
Contributor

@aquelemiguel aquelemiguel commented Mar 19, 2026

Closes DLS-595.

@vercel
Copy link
Copy Markdown

vercel bot commented Mar 19, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ldls Ready Ready Preview, Comment Mar 23, 2026 5:06pm
ldls-react-native Ready Ready Preview, Comment Mar 23, 2026 5:06pm

Request Review

Copy link
Copy Markdown
Collaborator

@zel-kass zel-kass left a comment

Choose a reason for hiding this comment

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

Last question, I see that react's version is missing its Figma code connect. Is that intentional ?

Comment thread libs/ui-react/src/lib/Components/MediaBanner/MediaBanner.tsx Outdated
Comment thread libs/ui-react/src/lib/Components/MediaBanner/MediaBanner.tsx Outdated
Comment thread libs/ui-react/src/lib/Components/MediaBanner/MediaBanner.tsx Outdated
Comment thread libs/ui-react/src/lib/Components/MediaBanner/MediaBanner.tsx Outdated
Comment thread libs/ui-react/src/lib/Components/MediaBanner/types.ts
Comment thread libs/ui-react/src/lib/Components/MediaBanner/MediaBanner.stories.tsx Outdated
Comment thread libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.stories.tsx Outdated
Comment thread libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.tsx
Comment thread libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.tsx
Comment thread libs/ui-rnative/src/lib/Components/MediaBanner/types.ts
Comment thread .nx/version-plans/version-plan-1773939675391.md Outdated
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Adds a new MediaBanner component to both @ledgerhq/lumen-ui-rnative and @ledgerhq/lumen-ui-react, including Storybook documentation and sandbox usage, to support DLS-595.

Changes:

  • Introduce MediaBanner, MediaBannerTitle, and MediaBannerDescription components (React + React Native).
  • Add unit tests, Storybook stories, and MDX docs for the new component.
  • Update the RN sandbox app and bump related dependency versions / version plan.

Reviewed changes

Copilot reviewed 19 out of 20 changed files in this pull request and generated 7 comments.

Show a summary per file
File Description
package-lock.json Bumps locked versions for lumen dependencies used by the RN sandbox app.
apps/app-sandbox-rnative/package.json Updates @ledgerhq/lumen-* dependency versions to consume the new component release.
.nx/version-plans/version-plan-1773939675391.md Declares patch releases for lumen-ui-rnative and lumen-ui-react.
libs/ui-rnative/src/lib/Components/index.ts Exports the new MediaBanner component entry point.
libs/ui-rnative/src/lib/Components/MediaBanner/types.ts Defines RN MediaBanner* prop types.
libs/ui-rnative/src/lib/Components/MediaBanner/index.ts Barrel export for RN MediaBanner.
libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.tsx Implements the RN MediaBanner + subcomponents.
libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.test.tsx Adds RN test coverage for rendering and close behavior.
libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.stories.tsx Adds RN Storybook stories for usage/truncation/broken image/dismissible variants.
libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.mdx Adds RN Storybook MDX documentation page.
libs/ui-react/src/lib/Components/index.ts Exports the new MediaBanner component entry point.
libs/ui-react/src/lib/Components/MediaBanner/types.ts Defines React MediaBanner* prop types.
libs/ui-react/src/lib/Components/MediaBanner/index.ts Barrel export for React MediaBanner.
libs/ui-react/src/lib/Components/MediaBanner/MediaBanner.tsx Implements the React MediaBanner + subcomponents.
libs/ui-react/src/lib/Components/MediaBanner/MediaBanner.test.tsx Adds React test coverage for rendering, close behavior, className, image, and ref.
libs/ui-react/src/lib/Components/MediaBanner/MediaBanner.stories.tsx Adds React Storybook stories for usage/truncation/broken image/dismissible variants.
libs/ui-react/src/lib/Components/MediaBanner/MediaBanner.mdx Adds React Storybook MDX documentation page.
apps/app-sandbox-rnative/src/app/blocks/index.ts Exposes the new MediaBanners sandbox block.
apps/app-sandbox-rnative/src/app/blocks/MediaBanners.tsx Adds a sandbox screen showcasing MediaBanner variants.
apps/app-sandbox-rnative/src/app/App.tsx Renders the new MediaBanners block in the sandbox app.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.tsx
Comment thread libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.tsx
Comment thread libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.tsx
Comment thread libs/ui-rnative/src/lib/Components/MediaBanner/MediaBanner.tsx
Comment thread libs/ui-react/src/lib/Components/MediaBanner/MediaBanner.tsx
Comment thread libs/ui-react/src/lib/Components/MediaBanner/types.ts
Comment thread libs/ui-rnative/src/lib/Components/MediaBanner/types.ts
@aquelemiguel aquelemiguel merged commit 53eac97 into main Mar 23, 2026
16 checks passed
@aquelemiguel aquelemiguel deleted the dls-595 branch March 23, 2026 17:10
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.

5 participants