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 clsx from 'clsx';
import Heading from '@theme/Heading';
import Translate from '@docusaurus/Translate';
import styles from './styles.module.css';
type FeatureItem = {
title: string;
title: ReactNode;
Svg: React.ComponentType<React.ComponentProps<'svg'>>;
description: ReactNode;
};
const FeatureList: FeatureItem[] = [
{
title: 'Modular & Hierarchical',
title: <Translate id="feature.modular">Modular & Hierarchical</Translate>,
Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
description: (
<>
CherryPick supports modular DI bindings and true hierarchical scopes. Build scalable apps by composing advanced dependency trees with clean separation of concerns.
</>
<Translate id="feature.modular.desc">
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,
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”.
</>
</Translate>
),
},
{
title: 'For Dart & Flutter',
title: <Translate id="feature.dartFlutter">For Dart & Flutter</Translate>,
Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
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.
</>
</Translate>
),
},
];