From 3ecb8ca15c59acf06043b96d8688c03691c3a122 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Tue, 12 Jan 2021 16:43:06 +0100
Subject: [PATCH] Wrap approve in sudo (#4376)

---
 packages/page-parachains/src/Overview/Proposal.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/page-parachains/src/Overview/Proposal.tsx b/packages/page-parachains/src/Overview/Proposal.tsx
index 727569ca3b..3c41a37185 100644
--- a/packages/page-parachains/src/Overview/Proposal.tsx
+++ b/packages/page-parachains/src/Overview/Proposal.tsx
@@ -22,6 +22,11 @@ function Proposal ({ proposal: { id, isApproved, proposal: { balance, genesisHea
   const { api } = useApi();
   const { hasSudoKey, sudoKey } = useSudo();
 
+  const approveTx = useMemo(
+    () => api.tx.proposeParachain && api.tx.sudo && api.tx.sudo.sudo(api.tx.proposeParachain.approveProposal(id)),
+    [api, id]
+  );
+
   const initialHex = useMemo(
     () => sliceHex(genesisHead, 8),
     [genesisHead]
@@ -58,11 +63,10 @@ function Proposal ({ proposal: { id, isApproved, proposal: { balance, genesisHea
         {!isApproved && (
           <TxButton
             accountId={sudoKey}
+            extrinsic={approveTx}
             icon='check'
             isDisabled={!hasSudoKey}
             label={t<string>('Approve')}
-            params={[id]}
-            tx={api.tx.proposeParachain?.approveProposal}
           />
         )}
       </td>