fix: #9 empty messages in execution

Author: ryanchristo

src/api/group.messages.ts

@@ -46,6 +46,19 @@ export function msgCreateGroupWithPolicy(values: GroupWithPolicyFormValues) {
   })
 }
 
+export function msgExecute({
+  executor,
+  proposalId,
+}: {
+  executor: string
+  proposalId: Long
+}) {
+  return GroupMsgWithTypeUrl.exec({
+    executor,
+    proposalId,
+  })
+}
+
 export function msgUpdateGroupMetadata({
   admin,
   metadata,

src/api/proposal.actions.ts

@@ -125,6 +125,21 @@ export async function voteOnProposal({
   }
 }
 
+export async function executeProposal({ proposalId }: { proposalId: Long }) {
+  if (!Wallet.account?.address) throwError('Wallet not initialized')
+  try {
+    const msg = GroupMsgWithTypeUrl.exec({
+      proposalId,
+      executor: Wallet.account.address,
+    })
+    const data = await signAndBroadcast([msg])
+    if (!data) throwError('No data returned from execution')
+    return data
+  } catch (err) {
+    logError(err)
+  }
+}
+
 export async function fetchVotesByAddress(address?: string) {
   if (!Query.groups) throwError('Wallet not initialized')
   if (!address) throwError('Address cannot be empty')

src/pages/group-page.tsx

@@ -1,14 +1,17 @@
 import { redirect, useParams } from 'react-router-dom'
 
+import { UIProposal } from 'types'
 import { logError } from 'util/errors'
 
+import { executeProposal } from 'api/proposal.actions'
 import { useDerivedProposals } from 'hooks/use-derived-proposals'
 import {
   useBalances,
   useGroup,
   useGroupPolicies,
   useGroupProposals,
 } from 'hooks/use-query'
+import { useTxToasts } from 'hooks/use-toasts'
 
 import { Loading } from '@/molecules/loading'
 import { GroupTemplate } from '@/templates/group-template'
@@ -18,6 +21,7 @@ export default function GroupPage() {
   const { data: group, isLoading: isLoadingGroup } = useGroup(groupId)
   const { data: policies } = useGroupPolicies(groupId)
   const { data: proposals, isLoading: isLoadingProposals } = useGroupProposals(groupId)
+  const { toastSuccess, toastErr } = useTxToasts()
 
   const groupPolicy = policies?.[0]
   const { data: balances } = useBalances(groupPolicy?.address)
@@ -30,12 +34,25 @@ export default function GroupPage() {
     return null
   }
 
+  const handleExecute = async (proposal: UIProposal) => {
+    try {
+      const data = await executeProposal({ proposalId: proposal.id })
+      if (data?.code !== 0) {
+        toastSuccess(data?.transactionHash || '')
+      } else {
+        toastErr(data?.transactionHash || '')
+      }
+    } catch (err) {
+      toastErr(err)
+    }
+  }
+
   return (
     <GroupTemplate
       group={group}
       policies={policies}
       balances={balances}
-      onExecute={(p) => console.log('execute proposal', p)}
+      onExecute={handleExecute}
       proposals={{
         accepted: derivedProposals.accepted,
         history: derivedProposals.other,