diff --git a/src/components/modals/RescueModal.tsx b/src/components/modals/RescueModal.tsx new file mode 100644 index 0000000..a858daf --- /dev/null +++ b/src/components/modals/RescueModal.tsx @@ -0,0 +1,58 @@ +import { RESCUE_NAME_ABI } from "abi/abi"; +import { FC } from "react"; +import { useAccount, useChainId, useWriteContract } from "wagmi"; + +import { CONTRACT_ADDRESS } from "../../constants"; +import { Modal } from "./modal"; + +export const RescueModal: FC<{ + onClose: () => void; + vaults: bigint[]; + labels: string[][]; +}> = ({ onClose, vaults, labels }) => { + const { address } = useAccount(); + const chainId = useChainId(); + const { writeContract } = useWriteContract(); + + const totalNames = labels.reduce( + (accumulator, current) => accumulator + current.length, + 0 + ); + const price = 0n; + const recipient = address!; + + return ( + +
+

You are rescuing {totalNames} names

+
+ {vaults.map((vault, index) => ( +
+

Vault: #{vault.toString()}

+
    + {labels[index].map((label) => ( +
  • {label}.eth
  • + ))} +
+
+ ))} +
+
+
TODO: Gas Summary
+ +
+
+ ); +};