Skip to content

feat(ui-react/ui-rnative): add Trend component#678

Open
aquelemiguel wants to merge 23 commits intomainfrom
dls-670
Open

feat(ui-react/ui-rnative): add Trend component#678
aquelemiguel wants to merge 23 commits intomainfrom
dls-670

Conversation

@aquelemiguel
Copy link
Copy Markdown
Contributor

@aquelemiguel aquelemiguel commented May 4, 2026

Closes DLS-670.

Checklist

  • Desktop (in review)
  • Mobile (reviewed)

Sandbox (iOS)

image image

@aquelemiguel aquelemiguel self-assigned this May 4, 2026
@aquelemiguel aquelemiguel requested a review from a team as a code owner May 4, 2026 16:15
@vercel
Copy link
Copy Markdown

vercel Bot commented May 4, 2026

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

Project Deployment Actions Updated (UTC)
ldls Ready Ready Preview, Comment May 6, 2026 1:37pm
ldls-react-native Ready Ready Preview, Comment May 6, 2026 1:37pm

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.

nice one ! ☝️

control: 'boolean',
},
},
};
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

[low]: Storybook's docs example on how to define a story stipulates :

const meta = {
  component: Button,
} satisfies Meta<typeof Button>;

The typing is slightly different, though I don't think this impacts anything at all, I usually declare them following the docs format, should we align on one way or another, or totally skip ?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

i agree, we're widening the type, we infer args better with the satisfies keyword.
entire codebase uses the former though, so i'm all for creating a ticket to settle on a standard

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

love it, we're aligned, creating the ticket rn

Comment thread libs/ui-rnative/src/lib/Components/Trend/types.ts
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 Trend indicator component to the React Native UI library, including Storybook documentation, automated tests, sandbox showcasing, and localized accessibility labels.

Changes:

  • Introduces Trend component (positive/negative/neutral variants) with sizing and disabled styling.
  • Adds Storybook stories + MDX docs and a sandbox block to preview the component.
  • Extends i18n resources/locales with Trend accessibility labels and preloads locale resources at i18n init.

Reviewed changes

Copilot reviewed 23 out of 23 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
libs/ui-rnative/src/lib/Components/Trend/types.ts Defines the public TrendProps API for the new component.
libs/ui-rnative/src/lib/Components/Trend/Trend.tsx Implements Trend rendering, formatting, styling, and accessibility labels.
libs/ui-rnative/src/lib/Components/Trend/Trend.test.tsx Adds unit tests for formatting, variants, and accessibility labels.
libs/ui-rnative/src/lib/Components/Trend/Trend.stories.tsx Adds Storybook stories for base/variants/sizes/disabled states.
libs/ui-rnative/src/lib/Components/Trend/Trend.mdx Adds Storybook MDX documentation for Trend usage and behavior.
libs/ui-rnative/src/lib/Components/Trend/index.ts Exposes Trend exports via the component folder barrel.
libs/ui-rnative/src/lib/Components/index.ts Exports Trend from the main components barrel.
libs/ui-rnative/src/i18n/locales/zh.json Adds Chinese Trend accessibility label strings.
libs/ui-rnative/src/i18n/locales/tr.json Adds Turkish Trend accessibility label strings.
libs/ui-rnative/src/i18n/locales/th.json Adds Thai Trend accessibility label strings.
libs/ui-rnative/src/i18n/locales/ru.json Adds Russian Trend accessibility label strings.
libs/ui-rnative/src/i18n/locales/pt.json Adds Portuguese Trend accessibility label strings.
libs/ui-rnative/src/i18n/locales/ko.json Adds Korean Trend accessibility label strings.
libs/ui-rnative/src/i18n/locales/ja.json Adds Japanese Trend accessibility label strings.
libs/ui-rnative/src/i18n/locales/fr.json Adds French Trend accessibility label strings.
libs/ui-rnative/src/i18n/locales/es.json Adds Spanish Trend accessibility label strings.
libs/ui-rnative/src/i18n/locales/en.json Adds English Trend accessibility label strings (used by tests).
libs/ui-rnative/src/i18n/locales/de.json Adds German Trend accessibility label strings.
libs/ui-rnative/src/i18n/i18n.ts Preloads all locale resources into i18next at initialization.
apps/app-sandbox-rnative/src/app/blocks/Trends.tsx Adds a sandbox block to preview Trend across states/sizes.
apps/app-sandbox-rnative/src/app/blocks/index.ts Exports the new Trends sandbox block and reorders block exports.
apps/app-sandbox-rnative/src/app/App.tsx Integrates the Trends sandbox block into the sandbox app UI.
.nx/version-plans/version-plan-1777911187465.md Declares a patch version bump for @ledgerhq/lumen-ui-rnative.

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

Comment thread libs/ui-rnative/src/lib/Components/Trend/Trend.tsx
Comment thread libs/ui-rnative/src/lib/Components/Trend/Trend.tsx
Comment thread libs/ui-rnative/src/i18n/locales/fr.json Outdated
@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud Bot commented May 6, 2026

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.

4 participants