Add advanced settings to multisig sign page

src/components/AdvancedSettingsAccordion.tsx

@@ -19,7 +19,11 @@ import colors from "../style/colors";
 import { mutezToTez, tezToMutez } from "../utils/format";
 import { Estimation, TEZ_DECIMALS } from "../utils/tezos";
 
-export const AdvancedSettingsAccordion = ({ index = 0 }) => {
+type AdvancedSettingsAccordionProps = {
+  index?: number;
+};
+
+export const AdvancedSettingsAccordion = ({ index = 0 }: AdvancedSettingsAccordionProps) => {
   const {
     register,
     getValues,

src/components/SendFlow/Multisig/SignPage.tsx

@@ -9,6 +9,7 @@ import { EstimatedAccountOperations } from "../../../types/AccountOperations";
 import { ApproveOrExecute } from "../../../types/Operation";
 import { useAsyncActionHandler } from "../../../utils/hooks/useAsyncActionHandler";
 import { executeOperations } from "../../../utils/tezos";
+import { AdvancedSettingsAccordion } from "../../AdvancedSettingsAccordion";
 import { DynamicModalContext } from "../../DynamicModal";
 import { BatchModalBody } from "../BatchModalBody";
 import { SignButton } from "../SignButton";
@@ -28,7 +29,8 @@ export const SignPage: React.FC<{
     defaultValues: { executeParams: operation.estimates },
   });
 
-  // TODO: add advanced execute params component
+  const updatedOperation = { ...operation, estimates: form.watch("executeParams") };
+
   const approveOrExecute = (tezosToolkit: TezosToolkit) =>
     handleAsyncAction(
       async () => {
@@ -48,8 +50,12 @@ export const SignPage: React.FC<{
     <FormProvider {...form}>
       <ModalContent>
         <form>
-          <BatchModalBody operation={operation} title={title} transactionCount={transactionCount} />
-
+          <BatchModalBody
+            operation={updatedOperation}
+            title={title}
+            transactionCount={transactionCount}
+          />
+          <AdvancedSettingsAccordion />
           <ModalFooter>
             <SignButton onSubmit={approveOrExecute} signer={signer} text={title} />
           </ModalFooter>