fix: getStringFromReactText from utils

razorpay · Feb 1, 2025 · b6c16a1 · b6c16a1
1 parent 74a7a0b
commit b6c16a1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/packages/blade/src/components/ChatBubble/ChatBubble.web.tsx b/packages/blade/src/components/ChatBubble/ChatBubble.web.tsx
@@ -4,6 +4,7 @@ import { DefaultMessageBubble } from './DefaultMessageBubble';
 import type { ChatBubbleProps } from './types';
 import { Text } from '~components/Typography';
 import BaseBox from '~components/Box/BaseBox';
+import { getStringFromReactText } from '~utils/getStringChildren';
 
 const ChatBubble = ({
   messageType = 'default',
@@ -24,9 +25,6 @@ const ChatBubble = ({
       typeof children === 'string' ||
       (Array.isArray(children) && children.every((child) => typeof child === 'string')) ||
       isLoading;
-    // console.log(children.every((child) => typeof child === 'string'));
-    // convert children to an array if it is not an array
-
     if (shouldWrapInText) {
       return (
         <Text
@@ -35,7 +33,7 @@ const ChatBubble = ({
           variant="body"
           size="medium"
         >
-          {isLoading ? loadingText : children}
+          {isLoading ? loadingText : getStringFromReactText(children)}
         </Text>
       );
     }
@@ -56,7 +54,6 @@ const ChatBubble = ({
           children={childrenToRender()}
           leading={leading}
           onClick={onClick}
-          loadingText={loadingText}
           isLoading={isLoading}
         />
       )}

diff --git a/packages/blade/src/components/ChatBubble/types.ts b/packages/blade/src/components/ChatBubble/types.ts
@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { StringChildrenType } from '~utils/types';
 type ChatBubbleProps = {
   messageType?: 'last' | 'default';
   senderType?: 'self' | 'other';
@@ -7,7 +8,7 @@ type ChatBubbleProps = {
   errorText?: string;
   onClick?: () => void;
   footerActions?: React.ReactNode;
-  children?: React.ReactNode | string;
+  children?: React.ReactNode | StringChildrenType;
   leading?: React.ReactNode;
   loadingText?: string;
 };