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}
/>