From daf6ae6f6d4e9f56fbec3b7b016db496f9ec1578 Mon Sep 17 00:00:00 2001
From: Khushal Agarwal <khushal.agarwal987@gmail.com>
Date: Tue, 31 Oct 2023 18:39:49 +0530
Subject: [PATCH] feat: apply theme to SendButton internal icons

---
 package/src/components/MessageInput/SendButton.tsx | 8 ++++----
 package/src/contexts/themeContext/utils/theme.ts   | 6 ++++++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/package/src/components/MessageInput/SendButton.tsx b/package/src/components/MessageInput/SendButton.tsx
index f8c645abf3..e2c1b5d067 100644
--- a/package/src/components/MessageInput/SendButton.tsx
+++ b/package/src/components/MessageInput/SendButton.tsx
@@ -28,7 +28,7 @@ const SendButtonWithContext = <
   const {
     theme: {
       colors: { accent_blue, grey_gainsboro },
-      messageInput: { sendButton },
+      messageInput: { searchIcon, sendButton, sendRightIcon, sendUpIcon },
     },
   } = useTheme();
 
@@ -39,9 +39,9 @@ const SendButtonWithContext = <
       style={[sendButton]}
       testID='send-button'
     >
-      {giphyActive && <Search pathFill={disabled ? grey_gainsboro : accent_blue} />}
-      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} />}
-      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} />}
+      {giphyActive && <Search pathFill={disabled ? grey_gainsboro : accent_blue} {...searchIcon} />}
+      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} {...sendUpIcon} />}
+      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} {...sendRightIcon} />}
     </Pressable>
   );
 };
diff --git a/package/src/contexts/themeContext/utils/theme.ts b/package/src/contexts/themeContext/utils/theme.ts
index 132e52fcaf..87292258bb 100644
--- a/package/src/contexts/themeContext/utils/theme.ts
+++ b/package/src/contexts/themeContext/utils/theme.ts
@@ -278,12 +278,15 @@ export type Theme = {
     moreOptionsButton: ViewStyle;
     optionsContainer: ViewStyle;
     replyContainer: ViewStyle;
+    searchIcon: IconProps;
     sendButton: ViewStyle;
     sendButtonContainer: ViewStyle;
     sendMessageDisallowedIndicator: {
       container: ViewStyle;
       text: TextStyle;
     };
+    sendRightIcon: IconProps;
+    sendUpIcon: IconProps;
     showThreadMessageInChannelButton: {
       check: IconProps;
       checkBoxActive: ViewStyle;
@@ -782,12 +785,15 @@ export const defaultTheme: Theme = {
     moreOptionsButton: {},
     optionsContainer: {},
     replyContainer: {},
+    searchIcon: {},
     sendButton: {},
     sendButtonContainer: {},
     sendMessageDisallowedIndicator: {
       container: {},
       text: {},
     },
+    sendRightIcon: {},
+    sendUpIcon: {},
     showThreadMessageInChannelButton: {
       check: {},
       checkBoxActive: {},