penkovsky_sa/cherrypick
1
0
Fork 0
mirror of https://github.com/pese-git/cherrypick.git synced 2026-01-23 21:13:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(i18n): localize FeatureList on homepage with <Translate> component

Browse Source 
- Updated HomepageFeatures/index.tsx to use Docusaurus <Translate> component and unique ids for each feature title and description.
- Enables full i18n support for FeatureList (English & Russian).
- All feature texts are now ready for integration with Docusaurus translation workflow.
This commit is contained in:
Sergey Penkovsky
2025-08-15 14:40:33 +03:00
parent d0c3870af6
commit 4f91d442af
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
website/src/components/HomepageFeatures/index.tsx
View File

@@ -1,40 +1,41 @@
import type {ReactNode} from 'react'; import type {ReactNode} from 'react';
import clsx from 'clsx'; import clsx from 'clsx';
import Heading from '@theme/Heading'; import Heading from '@theme/Heading';
import Translate from '@docusaurus/Translate';
import styles from './styles.module.css'; import styles from './styles.module.css';
type FeatureItem = { type FeatureItem = {
title: string; title: ReactNode;
Svg: React.ComponentType<React.ComponentProps<'svg'>>; Svg: React.ComponentType<React.ComponentProps<'svg'>>;
description: ReactNode; description: ReactNode;
}; };
const FeatureList: FeatureItem[] = [ const FeatureList: FeatureItem[] = [
{ {
title: 'Modular & Hierarchical', title: <Translate id="feature.modular">Modular & Hierarchical</Translate>,
Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default, Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
description: ( description: (
<> <Translate id="feature.modular.desc">
CherryPick supports modular DI bindings and true hierarchical scopes. Build scalable apps by composing advanced dependency trees with clean separation of concerns. CherryPick supports modular DI bindings and true hierarchical scopes. Build scalable apps by composing advanced dependency trees with clear separation of concerns.
</> </Translate>
), ),
}, },
{ {
title: 'Sync & Async DI, Zero Boilerplate', title: <Translate id="feature.syncAsync">Sync & Async DI, Zero Boilerplate</Translate>,
Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default, Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
description: ( description: (
<> <Translate id="feature.syncAsync.desc">
Register synchronous or asynchronous providers, named and singleton dependencies, and enjoy null-safe, testable resolution. Annotation-based code generation removes all manual “wiring”. Register synchronous or asynchronous providers, named and singleton dependencies, and enjoy null-safe, testable resolution. Annotation-based code generation removes all manual “wiring”.
</> </Translate>
), ),
}, },
{ {
title: 'For Dart & Flutter', title: <Translate id="feature.dartFlutter">For Dart & Flutter</Translate>,
Svg: require('@site/static/img/undraw_docusaurus_react.svg').default, Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
description: ( description: (
<> <Translate id="feature.dartFlutter.desc">
Use CherryPick in backend, CLI, server or Flutter widget trees equally well. Deep Flutter integration for provider injection, async scope lifecycles, and easy testing. Use CherryPick in backend, CLI, server or Flutter widget trees equally well. Deep Flutter integration for provider injection, async scope lifecycles, and easy testing.
</> </Translate>
), ),
}, },
]; ];