Change Details

This is step 4 in the list below

Right now the `UserRelationshipTooltipButton` will only render a pencil icon for `UserRelationshipTooltipButton`. This works for `RelationshipListItem` since this is the icon that is used in this component; however, the user profile component uses a kebab (3 vertical dot) icon. To make sure that `UserRelationshipTooltipButton` works for both cases, I introduced `tooltipButtonIcon` as a nav param (can either have the value of `pencil` or `menu`) This is step 4 in the list below Outlined below are the steps I will take to update `RelationshipListItemTooltipModal`: 1. Add the block action to relationship list item tooltip menu (`RelationshipListItem` won't need this option, but User profiles will. This is shown in the figma screenshot above) 2. Rename `RelationshipListItemTooltipModal` to something more generic like `UserRelationshipTooltipModal` 3. Make `UserRelationshipTooltipButton` into a functional component (We need to use the `useColors` hook in a subsequent diff) 4. Introduce the `tooltipButtonIcon` as a param to `RelationshipListItemTooltipModal` (`RelationshipListItem` will use a pencil icon and user profiles will use a kebab menu icon) 5. Introduce UserProfileMenuButton (This component will handle navigating to `RelationshipListItemTooltipModal` Depends on D9380

Right now the `UserRelationshipTooltipButton` will only render a pencil icon for `UserRelationshipTooltipButton`. This works for `RelationshipListItem` since this is the icon that is used in this component; however, the user profile component uses a kebab (3 vertical dot) icon. To make sure that `UserRelationshipTooltipButton` works for both cases, I introduced `tooltipButtonIcon` as a nav param (can either have the value of `pencil` or `menu`) This is step 4 in the list below Outlined below are the steps I will take to update `RelationshipListItemTooltipModal`: 1. Add the block action to relationship list item tooltip menu (`RelationshipListItem` won't need this option, but User profiles will. This is shown in the figma screenshot above) 2. Rename `RelationshipListItemTooltipModal` to something more generic like `UserRelationshipTooltipModal` 3. Make `UserRelationshipTooltipButton` into a functional component (We need to use the `useColors` hook in a subsequent diff) 4. Introduce the `tooltipButtonIcon` as a param to `RelationshipListItemTooltipModal` (`RelationshipListItem` will use a pencil icon and user profiles will use a kebab menu icon) 5. Introduce UserProfileMenuButton (This component will handle navigating to `RelationshipListItemTooltipModal` Depends on D9380