diff --git a/src/containers/Bond/components/WarmupConfirmModal.jsx b/src/containers/Bond/components/WarmupConfirmModal.jsx index 1714e4c..5afff65 100644 --- a/src/containers/Bond/components/WarmupConfirmModal.jsx +++ b/src/containers/Bond/components/WarmupConfirmModal.jsx @@ -1,7 +1,8 @@ import { useState } from "react"; -import { Box, Typography } from "@mui/material"; +import { Box, Typography, FormControlLabel, Checkbox } from "@mui/material"; import { styled, useTheme } from "@mui/material/styles"; import SettingsIcon from '@mui/icons-material/Settings'; +import { CheckBoxOutlineBlank, CheckBoxOutlined } from "@mui/icons-material"; import Modal from "../../../components/Modal/Modal"; import { PrimaryButton } from "../../../components/Button"; @@ -30,6 +31,8 @@ const WarmupConfirmModal = ({ }) => { const theme = useTheme(); + const [isChecked, setIsChecked] = useState(false); + const onSubmit = () => { setPreClaimConfirmed(); handleConfirmClose(); @@ -38,25 +41,35 @@ const WarmupConfirmModal = ({ return ( = 0 ? "150px" : "200px"} + minHeight="150px" open={isOpen} headerText={ - warmupLength >= 0 - ? "Bond Warm-Up is Pending..." - : "Unlock Bond" + warmupLength < 0 + ? "Bond Notification" + : "Bond in Warm-up" } onClose={handleConfirmClose} > - { - warmupLength >= 0 - ? `This bond is currently in a warm-up period and cannot be claimed yet. It'll be available for claim in ${warmupLength} epochs.` - : "This bond is warmed-up and can be unlocked. Please unlock it on behalf of the collective." - } + {warmupLength < 0 + ? setIsChecked(event.target.checked)} + icon={} + checkedIcon={} + /> + } + label={`I acknowledge that I am releasing warmup funds for the bonding contract on behalf of the collective.`} + /> + : `Bonding address is in a warm-up period and cannot be claimed now. It'll be available for claim in ${warmupLength} epochs.` + } - {warmupLength < 0 && + {warmupLength < 0 && Confirm }