fix(tooltip-icon-button): Added tooltip prop for FAB

mananjadhav · Aug 16, 2021 · 78fbef9 · 78fbef9
1 parent 5e01516
commit 78fbef9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/components/FAB/fabPropTypes.js b/src/components/FAB/fabPropTypes.js
@@ -6,6 +6,9 @@ const fabPropTypes = {
 
     // Current state (active or not active) of the component
     isActive: PropTypes.bool.isRequired,
+
+    // tooltip for the button
+    tooltip: PropTypes.string.isRequired,
 };
 
 export default fabPropTypes;
diff --git a/src/components/FAB/index.ios.js b/src/components/FAB/index.ios.js
@@ -7,10 +7,10 @@ import FAB from './FAB';
 import fabPropTypes from './fabPropTypes';
 
 // KeyboardAvoidingView only need in IOS so that's the reason make platform specific FAB component.
-function Fab({onPress, isActive}) {
+function Fab({onPress, isActive, tooltip}) {
     return (
         <KeyboardAvoidingView behavior="position">
-            <FAB onPress={onPress} isActive={isActive} />
+            <FAB onPress={onPress} isActive={isActive} tooltip={tooltip} />
         </KeyboardAvoidingView>
     );
 }

diff --git a/src/pages/home/sidebar/SidebarScreen.js b/src/pages/home/sidebar/SidebarScreen.js
@@ -102,7 +102,9 @@ class SidebarScreen extends Component {
                                 onAvatarClick={this.navigateToSettings}
                                 isSmallScreenWidth={this.props.isSmallScreenWidth}
                             />
+
                             <FAB
+                                tooltip={this.props.translate('sidebarScreen.fabAction')}
                                 accessibilityLabel={this.props.translate('sidebarScreen.fabNewChat')}
                                 accessibilityRole="button"
                                 isActive={this.state.isCreateMenuActive}