{logo ? (
- 
) : (
diff --git a/src/features/staking/components/delegation-details.tsx b/src/features/staking/components/delegation-details.tsx
index f18ad11..5769e29 100644
--- a/src/features/staking/components/delegation-details.tsx
+++ b/src/features/staking/components/delegation-details.tsx
@@ -1,3 +1,4 @@
+import type { Coin } from "@cosmjs/stargate";
import BigNumber from "bignumber.js";
import {
BondStatus,
@@ -130,6 +131,20 @@ const DelegationRowBase = ({
isMobile ? "flex md:hidden" : "hidden md:flex",
].join(" ")}
>
+ {
+ if (!validator) return;
+
+ staking.dispatch(
+ setModalOpened({
+ content: { validator },
+ type: "redelegate",
+ }),
+ );
+ }}
+ >
+ Redelegate
+
{
@@ -254,19 +269,25 @@ const DelegationRowBase = ({
const DelegationRow = memo(DelegationRowBase);
-type UnbondingRowProps = {
- disabled?: boolean;
+type UnbondingRedelegationRowProps = {
+ balance: Coin;
+ completionTime: number;
+ onCancel?: () => void;
stakingRef: ReturnType;
- unbonding: NonNullable["items"][number];
+ status: string;
validator?: Validator;
+ validatorAddress: string;
};
-const UnbondingRow = ({
- disabled,
+const UnbondingRedelegationRow = ({
+ balance,
+ completionTime,
+ onCancel,
stakingRef,
- unbonding,
+ status,
validator,
-}: UnbondingRowProps) => {
+ validatorAddress,
+}: UnbondingRedelegationRowProps) => {
const { staking } = stakingRef;
const logo = useValidatorLogo(
@@ -274,8 +295,6 @@ const UnbondingRow = ({
validator?.operatorAddress,
);
- const validatorAddress = unbonding.validator;
-
useEffect(() => {
if (validatorAddress) {
getAndSetValidatorAction(validatorAddress, staking);
@@ -283,15 +302,8 @@ const UnbondingRow = ({
}, [validatorAddress, staking]);
const cancelProps = {
- disabled,
- onClick: () => {
- staking.dispatch(
- setModalOpened({
- content: { unbondings: [unbonding] },
- type: "cancel-unstaking",
- }),
- );
- },
+ disabled: !onCancel,
+ onClick: onCancel,
};
return (
@@ -310,16 +322,18 @@ const UnbondingRow = ({
-
Unbonding
- {formatUnbondingCompletionTime(unbonding.completionTime)}
+ {formatUnbondingCompletionTime(completionTime)}
-
- Cancel Unstake
-
+ {!!onCancel && (
+
+ Cancel Unstake
+
+ )}
Amount
-
Status
- Unbonding
+ {status}
Completion
- {formatUnbondingCompletionTime(unbonding.completionTime)}
-
-
-
- Cancel Unstake
-
+ {formatUnbondingCompletionTime(completionTime)}
+ {!!onCancel && (
+
+
+ Cancel Unstake
+
+
+ )}
- Unstakings
+
+ Unstakings/Redelegations
+
@@ -533,19 +555,42 @@ const DelegationDetails = () => {
onSort={setUnbondingsSortMethod}
rigthAlign
sort={unbondingsSortMethod}
- sorting={["date-asc", "date-desc"]}
+ sorting={["completion-asc", "completion-desc"]}
>
- {sortedUnbondings.map((unbonding, index) => (
- Staked Amount
Completion Time
+
+);
+
+const ValidatorSelected = ({ validator }: { validator: Validator }) => {
+ const logo = useValidatorLogo(
+ validator.description.identity,
+ validator.operatorAddress,
+ );
+
+ return (
+
+ Select Validator
+ XION Address
+
+
+
+ );
+};
+
+const RedelegateModal = () => {
+ const stakingRef = useStaking();
+ const { client } = stakingRef;
+ const [step, setStep] = useState
+ {validator.description.moniker}
+
+
+ {(() => {
+ const getUnstakingSummary = () => (
+ <>
+
+
+ Redelegation Amount (XION)
+ {formatToSmallDisplay(amountXIONParsed)}
+
+ {formatXionToUSD(getXionCoin(amountXIONParsed))}
+
+
+ {!!memo && (
+
+
+ )}
+
+ );
+
+ if (step === "completed") {
+ return (
+ <>
+ {memo}
+
+
+ You have successfully redelegate from{" "}
+ {validator.description.moniker}
+ to {dstValidator?.description.moniker}
+
+
+ {getUnstakingSummary()}
+
+
+ );
+ }
+
+ if (step === "review") {
+ return (
+ <>
+
+ SUCCESS!
+
+
+
+ You are about to redelegate your token from{" "}
+ {validator.description.moniker} to
+ {dstValidator?.description.moniker}. Remember, you will not
+ able to redelegate these token within {unbondingDays} days.
+
+
+ {getUnstakingSummary()}
+
+
+ );
+ }
+
+ return (
+ <>
+
+ REVIEW
+
+
+
+ Redelegate From {validator.description.moniker}
+
+
+
+ To
+
+
+
+ Available:{" "}
+ {!!delegatedTokens &&
+ formatCoin(delegatedTokens, undefined, true)}{" "}
+ XION
+
+
+ =${formatToSmallDisplay(amountUSD)}
+ )}
+
+
+
+ );
+ })()}
+ Amount
+ {!!amountUSD && (
+