app/containers/List/ListItem.tsx (1)

68-68: Refine the ellipsizeMode type for better type safety.

The as any cast on line 77 indicates a type mismatch. React Native's Text component expects ellipsizeMode to be 'head' | 'middle' | 'tail' | 'clip', but it's currently typed as string in IListItemContent (line 110).

Apply this diff to improve type safety:

In IListItemContent interface (line 110):

 	numberOfLines?: number;
-	ellipsizeMode?: string;
+	ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';

In ListTitle component (line 77):

 	<Text
 		numberOfLines={numberOfLines}
-		ellipsizeMode={ellipsizeMode as any}
+		ellipsizeMode={ellipsizeMode}
 		style={[styles.title, styleTitle, { color: color || colors.fontDefault }]}>

Also applies to: 75-78

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

Disabled knowledge base sources:

• Jira integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

app/containers/List/List.stories.tsx (1)

24-24: Add translateTitle={false} for consistency.

The longText variable contains literal text rather than a translation key. Following the pattern established elsewhere in this file (lines 22, 34, 38), you should include translateTitle={false} when using longText as the title.

Apply this diff:

-<List.Item title={longText} numberOfLines={1} />
+<List.Item title={longText} numberOfLines={1} translateTitle={false} />

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

Disabled knowledge base sources:

• Jira integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

app/containers/List/List.stories.tsx (1)

24-25: LGTM! Story correctly demonstrates truncation.

The added List.Item effectively demonstrates the single-line truncation behavior with numberOfLines={1}. The implementation follows the reviewer's guidance and aligns with the PR objectives.

Optional: Consider adding ellipsizeMode for completeness.

Based on the AI summary, the actual implementation in CustomStatus.tsx uses both numberOfLines={1} and ellipsizeMode='tail'. For consistency and to fully document the truncation behavior in the story, you could optionally add ellipsizeMode='tail':

-<List.Item title={longText} subtitle={longText} translateTitle={false} translateSubtitle={false} numberOfLines={1} />
+<List.Item title={longText} subtitle={longText} translateTitle={false} translateSubtitle={false} numberOfLines={1} ellipsizeMode='tail' />

This would make the story a complete demonstration of the truncation implementation used in the actual feature.

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

Disabled knowledge base sources:

• Jira integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

app/containers/List/ListItem.tsx (2)

68-87: Consider adding ellipsizeMode for explicit truncation behavior.

The implementation correctly forwards numberOfLines to the Text component. While React Native defaults to ellipsizeMode="tail" when numberOfLines is set, explicitly specifying it improves code clarity and matches the story usage pattern requested by the reviewer.

Apply this diff:

 const ListTitle = ({ title, color, styleTitle, translateTitle, numberOfLines }: IListTitle) => {
 	'use memo';
 
 	const { colors } = useTheme();
 	switch (typeof title) {
 		case 'string':
 			return (
 				<Text
 					numberOfLines={numberOfLines}
+					ellipsizeMode={numberOfLines ? 'tail' : undefined}
 					style={[styles.title, styleTitle, { color: color || colors.fontDefault }]}>
 					{translateTitle && title ? I18n.t(title) : title}
 				</Text>
 			);
 		case 'function':
 			return title();
 
 		default:
 			return null;
 	}
 };

Note: Function-based titles (case 'function') will not respect numberOfLines since they return custom JSX. This is likely intentional but worth documenting if it affects your use case.

---

130-133: Minor: Remove trailing whitespace.

There's an unnecessary empty line after the numberOfLines parameter.

Apply this diff:

 	accessibilityLabel,
 	numberOfLines,
-	
 }: IListItemContent) => {

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

Disabled knowledge base sources:

• Jira integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.