From 74247d637cb0996d8e520ea4f6fecc155624d9cc Mon Sep 17 00:00:00 2001
From: tjtanjin <cjtanjin@gmail.com>
Date: Sun, 1 Sep 2024 11:47:49 +0800
Subject: [PATCH] refactor: Rename typing indicator style props

---
 src/components/ChatBotBody/ChatBotBody.tsx | 8 ++++----
 src/constants/internal/DefaultStyles.tsx   | 4 ++--
 src/types/Styles.ts                        | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/ChatBotBody/ChatBotBody.tsx b/src/components/ChatBotBody/ChatBotBody.tsx
index adae6559..b72192a2 100644
--- 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
index 2f35035c..0db995cc 100644
--- 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
index 2dd36872..fc76a613 100644
--- 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;
 }
\ No newline at end of file