fix: word break in card descriptions && image mock url(DX-1996) (#148)

voiceflow · Jun 27, 2024 · 6daa566 · 6daa566
1 parent 6805f82
commit 6daa566
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/packages/react-chat/src/components/Card/styled.ts b/packages/react-chat/src/components/Card/styled.ts
@@ -59,7 +59,7 @@ export const Description = styled(tag('p', 'description'), {
   typo: { size: '$1' },
   color: '$darkGrey',
   whiteSpace: 'normal',
-  wordBreak: 'break-all',
+  wordBreak: 'break-word',
 });
 
 export const Link = styled(tag('a', 'link'), {

diff --git a/packages/react-chat/src/fixtures.ts b/packages/react-chat/src/fixtures.ts
@@ -1,4 +1,3 @@
 export const VF_ICON = 'https://cm4-production-assets.s3.amazonaws.com/1668625026913-vf-icon.png';
 
-export const MOCK_IMAGE_ID = 'Mg2Zmw4rtoI';
-export const MOCK_IMAGE = `https://source.unsplash.com/${MOCK_IMAGE_ID}/248x150`;
+export const MOCK_IMAGE = 'https://picsum.photos/seed/9/300/200';