diff --git a/apps/browser-extension-wallet/src/views/browser-view/features/nfts/components/DetailsDrawer.tsx b/apps/browser-extension-wallet/src/views/browser-view/features/nfts/components/DetailsDrawer.tsx index 0a2a876027..e9bdcacacb 100644 --- a/apps/browser-extension-wallet/src/views/browser-view/features/nfts/components/DetailsDrawer.tsx +++ b/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 ( diff --git a/packages/common/src/analytics/types.ts b/packages/common/src/analytics/types.ts index e903e7d1b8..4b836cc73b 100644 --- a/packages/common/src/analytics/types.ts +++ b/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',