fix: product home tooltip

Signed-off-by: Adam Setch <[email protected]>

ROADMAP.md

@@ -4,13 +4,13 @@ A list of "things" to improve
 
 ## Now
 - [ ] fix unit tests - re-enable those that are skipped
-- [ ] improve test coverage
 
 
 ## Soon
 - [ ] make filters a dropdown overlay
 - [ ] theme: restore ability to toggle theme (DARK and System)
 - [ ] clear out all TODOs in this project
+- [ ] fix root of `findDOMNode is deprecated and will be removed in the next major release.` console error
 
 ## Later
 - [ ] advanced feature for Bitbucket "Your Work" queue

src/components/ProductNotifications.tsx

@@ -11,6 +11,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { AppContext } from '../context/App';
 import type { AtlassifyNotification } from '../types';
 import { openExternalLink } from '../utils/comms';
+import { formatProperCase } from '../utils/helpers';
 import { getProductDetails } from '../utils/products';
 import { NotificationRow } from './NotificationRow';
 
@@ -54,8 +55,12 @@ export const ProductNotifications: FC<IProductNotifications> = ({
       >
         <Flex alignItems="center" justifyContent="space-between">
           <Tooltip
-            content={productDetails.home ? 'Open product home' : ''}
-            position="bottom"
+            content={
+              productDetails.home
+                ? `Open ${formatProperCase(productDetails.name)}`
+                : ''
+            }
+            position="right"
           >
             <Button
               appearance="subtle"