added plausible events for common actions

DA0-DA0 · Nov 26, 2024 · 898f16f · 898f16f
1 parent ecf3df0
commit 898f16f
Show file tree

Hide file tree

Showing 17 changed files with 506 additions and 89 deletions.
diff --git a/packages/stateful/components/dao/CreateDaoForm.tsx b/packages/stateful/components/dao/CreateDaoForm.tsx
@@ -5,6 +5,7 @@ import clsx from 'clsx'
 import cloneDeep from 'lodash.clonedeep'
 import merge from 'lodash.merge'
 import { nanoid } from 'nanoid'
+import { usePlausible } from 'next-plausible'
 import { useEffect, useMemo, useState } from 'react'
 import {
   FormProvider,
@@ -53,6 +54,7 @@ import {
   DaoTabId,
   GovernanceProposalActionData,
   NewDao,
+  PlausibleEvents,
   ProposalModuleAdapter,
   SecretModuleInstantiateInfo,
 } from '@dao-dao/types'
@@ -177,6 +179,7 @@ export const InnerCreateDaoForm = ({
   const { t } = useTranslation()
   const dao = useDaoIfAvailable()
   const queryClient = useQueryClient()
+  const plausible = usePlausible<PlausibleEvents>()
 
   const chainContext = useSupportedChainContext()
   const {
@@ -777,7 +780,7 @@ export const InnerCreateDaoForm = ({
                 ],
           } as Partial<GovernanceProposalActionData>),
         })
-      } else if (isWalletConnected) {
+      } else if (isWalletConnected && walletAddress) {
         setCreating(true)
         try {
           const coreAddress = await toast.promise(doCreateDao(), {
@@ -801,6 +804,15 @@ export const InnerCreateDaoForm = ({
             },
           })
 
+          plausible('daoCreate', {
+            props: {
+              chainId,
+              dao: coreAddress,
+              daoType: values.creator.id,
+              walletAddress,
+            },
+          })
+
           const { info } = await queryClient
             .fetchQuery(
               contractQueries.info(queryClient, {

diff --git a/packages/stateful/hooks/useProposalActionState.tsx b/packages/stateful/hooks/useProposalActionState.tsx
@@ -3,6 +3,7 @@ import { toUtf8 } from '@cosmjs/encoding'
 import { OfflineSigner } from '@cosmjs/proto-signing'
 import { CancelOutlined, Key, Send } from '@mui/icons-material'
 import { useQueryClient } from '@tanstack/react-query'
+import { usePlausible } from 'next-plausible'
 import { useCallback, useEffect, useState } from 'react'
 import toast from 'react-hot-toast'
 import { useTranslation } from 'react-i18next'
@@ -16,12 +17,12 @@ import {
   ProposalCrossChainRelayStatus,
   ProposalStatusAndInfoProps,
   TextInput,
-  useConfiguredChainContext,
   useDao,
 } from '@dao-dao/stateless'
 import {
   ChainId,
   LoadingData,
+  PlausibleEvents,
   PreProposeModuleType,
   ProposalStatusEnum,
   ProposalStatusKey,
@@ -72,14 +73,8 @@ export const useProposalActionState = ({
   onCloseSuccess,
 }: UseProposalActionStateOptions): UseProposalActionStateReturn => {
   const { t } = useTranslation()
-  const {
-    chain: { chainId, chainName },
-  } = useConfiguredChainContext()
   const queryClient = useQueryClient()
-  const {
-    coreAddress,
-    info: { items },
-  } = useDao()
+  const dao = useDao()
   const {
     options: { proposalNumber },
     proposalModule,
@@ -92,10 +87,11 @@ export const useProposalActionState = ({
     getOfflineSigner,
   } = useWallet()
   const { isMember = false } = useMembership()
+  const plausible = usePlausible<PlausibleEvents>()
 
   const config = useRecoilValue(
     DaoProposalSingleCommonSelectors.configSelector({
-      chainId,
+      chainId: proposalModule.chainId,
       contractAddress: proposalModule.address,
     })
   )
@@ -113,7 +109,7 @@ export const useProposalActionState = ({
   // execution transaction, unless a memo is already set in the metadata.
   const allowMemoOnExecute = metadata?.memo
     ? false
-    : !!items[DAO_CORE_ALLOW_MEMO_ON_EXECUTE_ITEM_KEY]
+    : !!dao.info.items[DAO_CORE_ALLOW_MEMO_ON_EXECUTE_ITEM_KEY]
   const [memo, setMemo] = useState('')
 
   const onExecute = useCallback(async () => {
@@ -144,9 +140,11 @@ export const useProposalActionState = ({
 
           signingClientGetter = async () =>
             await SigningCosmWasmClient.connectWithSigner(
-              getRpcForChainId(chainId),
+              getRpcForChainId(proposalModule.chainId),
               signer,
-              makeGetSignerOptions(queryClient)(chainName)
+              makeGetSignerOptions(queryClient)(
+                proposalModule.dao.chain.chainName
+              )
             )
         } catch (err) {
           console.error(
@@ -178,6 +176,17 @@ export const useProposalActionState = ({
           ),
       })
 
+      plausible('daoProposalExecute', {
+        props: {
+          chainId: dao.chainId,
+          dao: dao.coreAddress,
+          walletAddress,
+          proposalModule: proposalModule.address,
+          proposalModuleType: proposalModule.contractName,
+          proposalNumber: proposalNumber,
+        },
+      })
+
       await onExecuteSuccess()
     } catch (err) {
       console.error(err)
@@ -200,10 +209,10 @@ export const useProposalActionState = ({
     onExecuteSuccess,
     getOfflineSignerDirect,
     getOfflineSigner,
-    chainId,
     queryClient,
-    chainName,
     t,
+    plausible,
+    dao,
   ])
 
   const onClose = useCallback(async () => {
@@ -220,6 +229,17 @@ export const useProposalActionState = ({
         sender: walletAddress,
       })
 
+      plausible('daoProposalClose', {
+        props: {
+          chainId: dao.chainId,
+          dao: dao.coreAddress,
+          walletAddress,
+          proposalModule: proposalModule.address,
+          proposalModuleType: proposalModule.contractName,
+          proposalNumber: proposalNumber,
+        },
+      })
+
       await onCloseSuccess()
     } catch (err) {
       console.error(err)
@@ -237,6 +257,8 @@ export const useProposalActionState = ({
     getSigningClient,
     walletAddress,
     onCloseSuccess,
+    plausible,
+    dao,
   ])
 
   const showRelayStatus =
@@ -269,8 +291,8 @@ export const useProposalActionState = ({
         : statusKey === ProposalStatusEnum.Rejected &&
           // Don't show for Neutron overrule proposals.
           !(
-            chainId === ChainId.NeutronMainnet &&
-            coreAddress === NEUTRON_GOVERNANCE_DAO &&
+            dao.chainId === ChainId.NeutronMainnet &&
+            dao.coreAddress === NEUTRON_GOVERNANCE_DAO &&
             proposalModule.prePropose?.type ===
               PreProposeModuleType.NeutronOverruleSingle
           )

diff --git a/...ul/proposal-module-adapter/adapters/DaoProposalMultiple/common/components/NewProposal.tsx b/...ul/proposal-module-adapter/adapters/DaoProposalMultiple/common/components/NewProposal.tsx
@@ -1,4 +1,5 @@
 import { FlagOutlined, Timelapse } from '@mui/icons-material'
+import { usePlausible } from 'next-plausible'
 import { useFormContext } from 'react-hook-form'
 import toast from 'react-hot-toast'
 import { useTranslation } from 'react-i18next'
@@ -15,10 +16,13 @@ import {
   NewProposalProps as StatelessNewProposalProps,
   useActionsContext,
   useCachedLoadable,
-  useChain,
   useDao,
 } from '@dao-dao/stateless'
-import { BaseNewProposalProps, IProposalModuleBase } from '@dao-dao/types'
+import {
+  BaseNewProposalProps,
+  IProposalModuleBase,
+  PlausibleEvents,
+} from '@dao-dao/types'
 import {
   MAX_NUM_PROPOSAL_CHOICES,
   convertExpirationToDate,
@@ -52,14 +56,13 @@ export const NewProposal = ({
   ...props
 }: NewProposalProps) => {
   const { t } = useTranslation()
-  const { chainId } = useChain()
   const {
     name: daoName,
     imageUrl: daoImageUrl,
     coreAddress,
     info: { isActive, activeThreshold },
   } = useDao()
-  const { isWalletConnecting, isWalletConnected, getStargateClient } =
+  const { address, isWalletConnecting, isWalletConnected, getStargateClient } =
     useWallet()
 
   const { watch } = useFormContext<NewProposalForm>()
@@ -73,7 +76,7 @@ export const NewProposal = ({
   // re-renders.
   const pauseInfo = useCachedLoadable(
     DaoDaoCoreSelectors.pauseInfoSelector({
-      chainId,
+      chainId: proposalModule.chainId,
       contractAddress: coreAddress,
       params: [],
     })
@@ -86,7 +89,7 @@ export const NewProposal = ({
 
   const blocksPerYearLoadable = useRecoilValueLoadable(
     blocksPerYearSelector({
-      chainId,
+      chainId: proposalModule.chainId,
     })
   )
 
@@ -98,10 +101,11 @@ export const NewProposal = ({
     simulationBypassExpiration,
   } = usePublishProposal()
 
+  const plausible = usePlausible<PlausibleEvents>()
   const createProposal = useRecoilCallback(
     ({ snapshot }) =>
       async (newProposalData: NewProposalData) => {
-        if (!isWalletConnected) {
+        if (!isWalletConnected || !address) {
           toast.error(t('error.logInToContinue'))
           return
         }
@@ -122,6 +126,19 @@ export const NewProposal = ({
             }
           )
 
+          plausible('daoProposalCreate', {
+            props: {
+              chainId: proposalModule.chainId,
+              dao: proposalModule.dao.coreAddress,
+              walletAddress: address,
+              proposalModule: proposalModule.address,
+              proposalModuleType: proposalModule.contractName,
+              proposalNumber,
+              proposalId,
+              approval: false,
+            },
+          })
+
           const proposalInfo = await makeGetProposalInfo({
             chain: proposalModule.dao.chain,
             coreAddress: proposalModule.dao.coreAddress,
@@ -141,7 +158,7 @@ export const NewProposal = ({
           const proposal = (
             await snapshot.getPromise(
               DaoProposalMultipleSelectors.proposalSelector({
-                chainId,
+                chainId: proposalModule.chainId,
                 contractAddress: proposalModule.address,
                 params: [
                   {
@@ -204,12 +221,13 @@ export const NewProposal = ({
       proposalModule,
       blocksPerYearLoadable,
       getStargateClient,
-      chainId,
       processQ,
       onCreateSuccess,
       daoName,
       coreAddress,
       daoImageUrl,
+      plausible,
+      address,
     ]
   )
 

diff --git a/packages/stateful/proposal-module-adapter/adapters/DaoProposalMultiple/hooks/useCastVote.ts b/packages/stateful/proposal-module-adapter/adapters/DaoProposalMultiple/hooks/useCastVote.ts
@@ -1,6 +1,8 @@
+import { usePlausible } from 'next-plausible'
 import { useCallback, useEffect, useState } from 'react'
 import toast from 'react-hot-toast'
 
+import { PlausibleEvents } from '@dao-dao/types'
 import { MultipleChoiceVote } from '@dao-dao/types/contracts/DaoProposalMultiple'
 import { processError } from '@dao-dao/utils'
 
@@ -18,6 +20,7 @@ export const useCastVote = (onSuccess?: () => void | Promise<void>) => {
     address: walletAddress = '',
     getSigningClient,
   } = useWallet()
+  const plausible = usePlausible<PlausibleEvents>()
 
   const [castingVote, setCastingVote] = useState(false)
 
@@ -49,6 +52,17 @@ export const useCastVote = (onSuccess?: () => void | Promise<void>) => {
           sender: walletAddress,
         })
 
+        plausible('daoProposalVote', {
+          props: {
+            chainId: proposalModule.chainId,
+            dao: proposalModule.dao.coreAddress,
+            walletAddress,
+            proposalModule: proposalModule.address,
+            proposalModuleType: proposalModule.contractName,
+            proposalNumber,
+          },
+        })
+
         await onSuccess?.()
       } catch (err) {
         console.error(err)
@@ -67,6 +81,7 @@ export const useCastVote = (onSuccess?: () => void | Promise<void>) => {
       getSigningClient,
       walletAddress,
       onSuccess,
+      plausible,
     ]
   )