feat: add analytics to set nft as avatar

apps/browser-extension-wallet/src/views/browser-view/features/nfts/components/DetailsDrawer.tsx

@@ -4,13 +4,14 @@ import { useTranslation } from 'react-i18next';
 import { NftDetail } from '@lace/core';
 import { Wallet } from '@lace/cardano';
 import isNil from 'lodash/isNil';
-import { Button, Drawer, DrawerHeader, DrawerNavigation, toast } from '@lace/common';
+import { Button, Drawer, DrawerHeader, DrawerNavigation, PostHogAction, toast } from '@lace/common';
 import { buttonIds } from '@hooks/useEnterKeyPress';
 import { NFT } from '@src/utils/get-token-list';
 import { nftDetailSelector, nftNameSelector } from '../selectors';
 import styles from './DetailsDrawer.module.scss';
 import { useWalletStore } from '@stores';
 import { useLocalStorage } from '@hooks';
+import { useAnalyticsContext } from '@providers';
 
 interface GeneralSettingsDrawerProps {
   onClose: () => void;
@@ -32,6 +33,7 @@ export const DetailsDrawer = ({
     [selectedNft, assetsInfo]
   );
   const [userAvatar, { updateLocalStorage: setUserAvatar }] = useLocalStorage('userAvatar');
+  const analytics = useAnalyticsContext();
 
   const nftDetailTranslation = {
     tokenInformation: t('core.nftDetail.tokenInformation'),
@@ -42,6 +44,7 @@ export const DetailsDrawer = ({
   const handleSetAsAvatar = (image: string) => {
     setUserAvatar({ ...userAvatar, [environmentName]: image });
     toast.notify({ text: t('core.nftDetail.avatarUpdated') });
+    void analytics.sendEventToPostHog(PostHogAction.NFTDetailSetAsAvatarClick);
   };
 
   return (

packages/common/src/analytics/types.ts

@@ -150,6 +150,7 @@ export enum PostHogAction {
   NFTsCreateFolderClick = 'nft | nfts | create folder | click',
   NFTCreateFolderNameYourFolderNextClick = 'nft | create folder | name your folder | next | click',
   NFTCreateFolderSelectNftsNextClick = 'nft | create folder | select nfts | next | click',
+  NFTDetailSetAsAvatarClick = 'nft | nft detail | set as your wallet avatar | click',
   // Address book
   AddressBookAddAddressClick = 'address book | add address | click',
   AddressBookAddNewAddressSaveAddressClick = 'address book | add new address | save address | click',