diff --git a/src/app/routes/create-cluster/ceremony-summary.tsx b/src/app/routes/create-cluster/ceremony-summary.tsx index 4f411fa4b..71fdd7977 100644 --- a/src/app/routes/create-cluster/ceremony-summary.tsx +++ b/src/app/routes/create-cluster/ceremony-summary.tsx @@ -1,7 +1,7 @@ import { Badge } from "@/components/ui/badge.tsx"; import { Text } from "@/components/ui/text.tsx"; import { Divider } from "@/components/ui/divider.tsx"; -import { FaRegFolderClosed } from "react-icons/fa6"; +import { FaRegFolderClosed, FaAngleUp, FaAngleDown } from "react-icons/fa6"; import { useState } from "react"; const CeremonySummary = ({ @@ -18,9 +18,10 @@ const CeremonySummary = ({ Generated Files Summary - Show more + {`Show ${isShowAll ? "Less" : "More"}`} + {isShowAll ? : } )} diff --git a/src/app/routes/reshare-dkg/reshare-dkg.tsx b/src/app/routes/reshare-dkg/reshare-dkg.tsx index 4d776b717..1199c7fce 100644 --- a/src/app/routes/reshare-dkg/reshare-dkg.tsx +++ b/src/app/routes/reshare-dkg/reshare-dkg.tsx @@ -30,6 +30,7 @@ import CeremonySection from "@/app/routes/reshare-dkg/ceremony-section.tsx"; import RemoveValidatorsSection from "@/app/routes/reshare-dkg/remove-validators-section.tsx"; import { FaCircleInfo } from "react-icons/fa6"; import { Tooltip } from "@/components/ui/tooltip.tsx"; +import { shortenAddress } from "@/lib/utils/strings.ts"; enum ReshareSteps { Signature = 1, @@ -66,6 +67,7 @@ const schema = z.object({ const ReshareDkg = () => { const [currentStep, setCurrentStep] = useState(ReshareSteps.Signature); + const [isOwnerInputDisabled, setIsOwnerInputDisabled] = useState(true); const context = useBulkActionContext(); const isReshare = context.dkgReshareState.newOperators.length > 0; const account = useAccount(); @@ -171,7 +173,34 @@ const ReshareDkg = () => { - + { + if ( + form.formState.errors.ownerAddress || + isLoading + ) { + return; + } + setIsOwnerInputDisabled(!isOwnerInputDisabled); + }} + > + {isOwnerInputDisabled ? "Add" : "Save"} + + } + /> @@ -186,7 +215,10 @@ const ReshareDkg = () => { Set Withdrawal Address - + diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx index 4b6c20725..17504448c 100644 --- a/src/components/ui/input.tsx +++ b/src/components/ui/input.tsx @@ -28,6 +28,7 @@ const Input = React.forwardRef( "pr-4": rightSlot, }, className, + `${props.disabled ? "bg-gray-200" : "bg-transparent"}`, )} > {isLoading ? : leftSlot} @@ -37,7 +38,7 @@ const Input = React.forwardRef( {...inputProps} className={cn( inputProps?.className, - "w-full h-full flex-1 bg-transparent outline-none", + `w-full h-full flex-1 bg-transparent outline-none ${props.disabled ? "text-gray-500" : "text-gray-800"}`, )} ref={ref} />