| ... | @@ -12,6 +12,8 @@ export function MaterialListRow({ | ... | @@ -12,6 +12,8 @@ export function MaterialListRow({ |
| 12 | title, | 12 | title, |
| 13 | titleClassName, | 13 | titleClassName, |
| 14 | subtitle, | 14 | subtitle, |
| | 15 | subtitleNumberOfLines, |
| | 16 | subtitleEllipsizeMode, |
| 15 | leading, | 17 | leading, |
| 16 | trailing, | 18 | trailing, |
| 17 | className, | 19 | className, |
| ... | @@ -20,6 +22,8 @@ export function MaterialListRow({ | ... | @@ -20,6 +22,8 @@ export function MaterialListRow({ |
| 20 | readonly title: string; | 22 | readonly title: string; |
| 21 | readonly titleClassName?: string; | 23 | readonly titleClassName?: string; |
| 22 | readonly subtitle?: string | null; | 24 | readonly subtitle?: string | null; |
| | 25 | readonly subtitleNumberOfLines?: ComponentProps<typeof AppText>["numberOfLines"]; |
| | 26 | readonly subtitleEllipsizeMode?: ComponentProps<typeof AppText>["ellipsizeMode"]; |
| 23 | readonly leading?: ReactNode; | 27 | readonly leading?: ReactNode; |
| 24 | readonly trailing?: ReactNode; | 28 | readonly trailing?: ReactNode; |
| 25 | }) { | 29 | }) { |
| ... | @@ -46,7 +50,11 @@ export function MaterialListRow({ | ... | @@ -46,7 +50,11 @@ export function MaterialListRow({ |
| 46 | {title} | 50 | {title} |
| 47 | </AppText> | 51 | </AppText> |
| 48 | {subtitle ? ( | 52 | {subtitle ? ( |
| 49 | <AppText className="text-sm text-foreground-muted" numberOfLines={2}> | 53 | <AppText |
| | 54 | className="text-sm text-foreground-muted" |
| | 55 | ellipsizeMode={subtitleEllipsizeMode} |
| | 56 | numberOfLines={subtitleNumberOfLines ?? 2} |
| | 57 | > |
| 50 | {subtitle} | 58 | {subtitle} |
| 51 | </AppText> | 59 | </AppText> |
| 52 | ) : null} | 60 | ) : null} |