diff --git a/native/navigation/tooltip.react.js b/native/navigation/tooltip.react.js --- a/native/navigation/tooltip.react.js +++ b/native/navigation/tooltip.react.js @@ -29,7 +29,9 @@ } from 'lib/utils/action-utils'; import { ChatContext, type ChatContextType } from '../chat/chat-context'; +import CommIcon from '../components/comm-icon.react'; import { SingleLine } from '../components/single-line.react'; +import SWMansionIcon from '../components/swmansion-icon.react'; import { type InputState, InputStateContext } from '../input/input-state'; import { type DimensionsInfo } from '../redux/dimensions-updater.react'; import { useSelector } from '../redux/redux-utils'; @@ -118,11 +120,34 @@ ): React.ComponentType { class TooltipItem extends React.PureComponent> { render() { + let icon; + if (this.props.spec.id === 'copy') { + icon = ; + } else if (this.props.spec.id === 'reply') { + icon = ; + } else if (this.props.spec.id === 'report') { + icon = ( + + ); + } else if ( + this.props.spec.id === 'create_sidebar' || + this.props.spec.id === 'open_sidebar' + ) { + icon = ( + + ); + } + return ( + {icon} {this.props.spec.text} @@ -496,7 +521,14 @@ flex: 1, overflow: 'hidden', }, + icon: { + marginRight: 4, + }, itemContainer: { + alignItems: 'center', + flex: 1, + flexDirection: 'row', + justifyContent: 'center', padding: 10, }, itemMargin: {