Change Details

In a subsequent diff I am going to need to use the `useColors` hook. I figured the easiest/best way to call that hook is going to be by first converting this into a functional component This is step 3 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 D9379

In a subsequent diff I am going to need to use the `useColors` hook. I figured the easiest/best way to call that hook is going to be by first converting `UserRelationshipTooltipButton` into a functional component This is step 3 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 D9379

In a subsequent diff I am going to need to use the `useColors` hook. I figured the easiest/best way to call that hook is going to be by first converting this`UserRelationshipTooltipButton` into a functional component This is step 3 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 D9379