diff --git a/native/profile/relationship-list-item.react.js b/native/profile/relationship-list-item.react.js
--- a/native/profile/relationship-list-item.react.js
+++ b/native/profile/relationship-list-item.react.js
@@ -226,6 +226,7 @@
verticalBounds,
visibleEntryIDs: this.visibleEntryIDs(),
relativeUserInfo,
+ tooltipButtonIcon: 'pencil',
},
});
});
diff --git a/native/profile/user-relationship-tooltip-modal.react.js b/native/profile/user-relationship-tooltip-modal.react.js
--- a/native/profile/user-relationship-tooltip-modal.react.js
+++ b/native/profile/user-relationship-tooltip-modal.react.js
@@ -15,18 +15,23 @@
} from 'lib/utils/action-utils.js';
import PencilIcon from '../components/pencil-icon.react.js';
+import SWMansionIcon from '../components/swmansion-icon.react.js';
import type { AppNavigationProp } from '../navigation/app-navigator.react.js';
+import { useColors } from '../themes/colors.js';
import {
createTooltip,
type TooltipParams,
type BaseTooltipProps,
type TooltipMenuProps,
+ type TooltipRoute,
} from '../tooltip/tooltip.react.js';
import Alert from '../utils/alert.js';
type Action = 'unfriend' | 'block' | 'unblock';
+type TooltipButtonIcon = 'pencil' | 'menu';
export type UserRelationshipTooltipModalParams = TooltipParams<{
+ +tooltipButtonIcon: TooltipButtonIcon,
+relativeUserInfo: RelativeUserInfo,
}>;
@@ -124,19 +129,32 @@
type Props = {
+navigation: AppNavigationProp<'UserRelationshipTooltipModal'>,
+ +route: TooltipRoute<'UserRelationshipTooltipModal'>,
...
};
function UserRelationshipTooltipButton(props: Props): React.Node {
- const { navigation } = props;
+ const { navigation, route } = props;
const { goBackOnce } = navigation;
+ const { tooltipButtonIcon } = route.params;
+
+ const colors = useColors();
+
+ const icon = React.useMemo(() => {
+ if (tooltipButtonIcon === 'pencil') {
+ return ;
+ }
+ return (
+
+ );
+ }, [colors.modalBackgroundLabel, tooltipButtonIcon]);
- return (
-
-
-
- );
+ return {icon};
}
const UserRelationshipTooltipModal: React.ComponentType<