refactor: Rename typing indicator style props

tjtanjin · Sep 1, 2024 · 74247d6 · 74247d6
1 parent 69fc1fc
commit 74247d6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/components/ChatBotBody/ChatBotBody.tsx b/src/components/ChatBotBody/ChatBotBody.tsx
@@ -272,10 +272,10 @@ const ChatBotBody = ({
 						}}
 						className={`rcb-bot-message ${botBubbleEntryStyle}`}
 					>
-						<div className="rcb-typing-indicator" style={{...styles?.rcbTypingIndicatorStyle}}>
-							<span className="rcb-dot" style={{...styles?.rcbDotStyle}}/>
-							<span className="rcb-dot" style={{...styles?.rcbDotStyle}}/>
-							<span className="rcb-dot" style={{...styles?.rcbDotStyle}}/>
+						<div className="rcb-typing-indicator" style={{...styles?.rcbTypingIndicatorContainerStyle}}>
+							<span className="rcb-dot" style={{...styles?.rcbTypingIndicatorDotStyle}}/>
+							<span className="rcb-dot" style={{...styles?.rcbTypingIndicatorDotStyle}}/>
+							<span className="rcb-dot" style={{...styles?.rcbTypingIndicatorDotStyle}}/>
 						</div>
 					</div>
 				</div>

diff --git a/src/constants/internal/DefaultStyles.tsx b/src/constants/internal/DefaultStyles.tsx
@@ -57,6 +57,6 @@ export const DefaultStyles: Styles = {
 	voiceIconStyle: {},
 	voiceIconDisabledStyle: {},
 	sendIconStyle: {},
-	rcbTypingIndicatorStyle: {},
-	rcbDotStyle: {},
+	rcbTypingIndicatorContainerStyle: {},
+	rcbTypingIndicatorDotStyle: {},
 }
diff --git a/src/types/Styles.ts b/src/types/Styles.ts
@@ -57,6 +57,6 @@ export type Styles = {
 	voiceIconStyle?: React.CSSProperties;
 	voiceIconDisabledStyle?: React.CSSProperties;
 	sendIconStyle?: React.CSSProperties;
-	rcbTypingIndicatorStyle?: React.CSSProperties;
-	rcbDotStyle?: React.CSSProperties;
+	rcbTypingIndicatorContainerStyle?: React.CSSProperties;
+	rcbTypingIndicatorDotStyle?: React.CSSProperties;
 }