CardTitle: truncate too long text

2022-05-01 13:29:36 -05:00
parent db434e3b77
commit c4cd2d2049
1 changed files with 2 additions and 2 deletions
--- a/app/soapbox/components/ui/card/card.tsx
+++ b/app/soapbox/components/ui/card/card.tsx
@ -81,8 +81,8 @@ interface ICardTitle {
 }

 /** A card's title. */
-const CardTitle = ({ title }: ICardTitle): JSX.Element => (
-  <Text size='xl' weight='bold' tag='h1' data-testid='card-title'>{title}</Text>
+const CardTitle: React.FC<ICardTitle> = ({ title }): JSX.Element => (
+  <Text size='xl' weight='bold' tag='h1' data-testid='card-title' truncate>{title}</Text>
 );

 /** A card's body. */