feat(user-header): fire total rewards viewed when opening user profile (

#1879)

* feat(dialog-manager): add rewards dialog

* feat(user-profile-overview-panel): add rewards item container

* feat(user-header): update profile flow - replace settings menu and render user profile

* feat: test coverage

* refactor: remove settings menu

* feat(user-header): fire total rewards viewed when opening user profile

src/components/messenger/list/index.test.tsx

@@ -51,6 +51,7 @@ describe('messenger-list', () => {
       onFavoriteRoom: () => null,
       onUnfavoriteRoom: () => null,
       openUserProfile: () => null,
+      totalRewardsViewed: () => null,
 
       ...props,
     };

src/components/messenger/list/index.tsx

@@ -32,7 +32,7 @@ import { UserHeader } from './user-header';
 import { getUserSubHandle } from '../../../lib/user';
 import { VerifyIdDialog } from '../../verify-id-dialog';
 import { RewardsModalContainer } from '../../rewards-modal/container';
-import { closeRewardsDialog } from '../../../store/rewards';
+import { closeRewardsDialog, totalRewardsViewed } from '../../../store/rewards';
 import { InviteDialogContainer } from '../../invite-dialog/container';
 import { openUserProfile } from '../../../store/edit-profile';
 
@@ -72,6 +72,7 @@ export interface Properties extends PublicProperties {
   onFavoriteRoom: (payload: { roomId: string }) => void;
   onUnfavoriteRoom: (payload: { roomId: string }) => void;
   openUserProfile: () => void;
+  totalRewardsViewed: () => void;
 }
 
 interface State {
@@ -124,6 +125,7 @@ export class Container extends React.Component<Properties, State> {
       onFavoriteRoom,
       onUnfavoriteRoom,
       openUserProfile,
+      totalRewardsViewed,
     };
   }
 
@@ -238,6 +240,7 @@ export class Container extends React.Component<Properties, State> {
         showRewardsTooltip={this.props.showRewardsTooltip}
         openUserProfile={this.props.openUserProfile}
         hasUnviewedRewards={this.props.hasUnviewedRewards}
+        totalRewardsViewed={this.props.totalRewardsViewed}
       />
     );
   }

src/components/messenger/list/user-header/index.test.tsx

@@ -21,6 +21,7 @@ describe(UserHeader, () => {
       onVerifyId: () => null,
       startConversation: () => null,
       openUserProfile: () => null,
+      totalRewardsViewed: () => null,
       ...props,
     };
 
@@ -86,4 +87,13 @@ describe(UserHeader, () => {
 
     expect(openUserProfile).toHaveBeenCalled();
   });
+
+  it('fires totalRewardsViewed when user avatar is clicked', function () {
+    const totalRewardsViewed = jest.fn();
+    const wrapper = subject({ totalRewardsViewed });
+
+    wrapper.find(c('avatar-container')).simulate('click');
+
+    expect(totalRewardsViewed).toHaveBeenCalled();
+  });
 });

src/components/messenger/list/user-header/index.tsx

@@ -22,6 +22,7 @@ export interface Properties {
   onVerifyId: () => void;
   startConversation: () => void;
   openUserProfile: () => void;
+  totalRewardsViewed: () => void;
 }
 
 export class UserHeader extends React.Component<Properties> {
@@ -39,6 +40,7 @@ export class UserHeader extends React.Component<Properties> {
 
   openProfile = () => {
     this.props.openUserProfile();
+    this.props.totalRewardsViewed();
   };
 
   renderVerifyIdButton() {