From 5912d9333e5cb7687030e3f0968df81d20392dda Mon Sep 17 00:00:00 2001
From: Calin-Teodor <calin.chitu@8x8.com>
Date: Wed, 11 Dec 2024 17:06:36 +0200
Subject: [PATCH] feat(toolbox/native): update CustomOptionButton props

---
 .../toolbox/components/native/CustomOptionButton.tsx         | 5 +++--
 react/features/toolbox/components/native/OverflowMenu.tsx    | 5 ++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/react/features/toolbox/components/native/CustomOptionButton.tsx b/react/features/toolbox/components/native/CustomOptionButton.tsx
index c236680e9ea5..988fe28ede78 100644
--- a/react/features/toolbox/components/native/CustomOptionButton.tsx
+++ b/react/features/toolbox/components/native/CustomOptionButton.tsx
@@ -10,6 +10,7 @@ import styles from './styles';
 
 
 interface IProps extends AbstractButtonProps {
+    backgroundColor?: string;
     icon: any;
     id?: string;
     text: string;
@@ -21,6 +22,7 @@ interface IProps extends AbstractButtonProps {
  * @returns {Component}
  */
 class CustomOptionButton extends AbstractButton<IProps> {
+    backgroundColor = this.props.backgroundColor;
     iconSrc = this.props.icon;
     id = this.props.id;
     text = this.props.text;
@@ -48,8 +50,7 @@ class CustomOptionButton extends AbstractButton<IProps> {
                 = (
                     <Image
                         source = {{ uri: this.iconSrc }}
-                        style = { styles.iconImageStyles }
-                        tintColor = { 'white' } />);
+                        style = { styles.iconImageStyles } />);
         }
 
         return iconComponent;
diff --git a/react/features/toolbox/components/native/OverflowMenu.tsx b/react/features/toolbox/components/native/OverflowMenu.tsx
index 84cb421b99cc..0ddef724879d 100644
--- a/react/features/toolbox/components/native/OverflowMenu.tsx
+++ b/react/features/toolbox/components/native/OverflowMenu.tsx
@@ -228,11 +228,10 @@ class OverflowMenu extends PureComponent<IProps, IState> {
         return (
             <>
                 {
-                    _customToolbarButtons.map(({ id, text, icon, ...rest }) => (
+                    _customToolbarButtons.map(({ id, text, icon, backgroundColor }) => (
                         <CustomOptionButton
-                            { ...rest }
                             { ...topButtonProps }
-
+                            backgroundColor = { backgroundColor }
                             /* eslint-disable react/jsx-no-bind */
                             handleClick = { () =>
                                 dispatch(customOverflowMenuButtonPressed(id, text))