{cluster.data?.operators.map((operatorId) => (
> = ({ ...props }) => {
const params = useOperatorPageParams();
const operatorId = BigInt(params.operatorId!);
const operator = useOperator(operatorId!);
-
const { feeEth, yearlyFeeEth, yearlyFeeSSV, balanceEth, balanceSSV } =
useOperatorEarningsAndFees(operatorId);
@@ -104,7 +103,7 @@ export const Operator: FC> = ({ ...props }) => {
> = () => {
- const navigate = useNavigate();
const { isPrivate } = useRegisterOperatorContext();
+
+ const navigate = useNavigate();
const rates = useRates();
+
+ const { data: minFee = 0n } = useGetMinimumOperatorEthFee({
+ staleTime: ms(1, "weeks"),
+ });
+ const { data: maxFee = 13900000000n /* value from the contract */ } =
+ useGetMaximumOperatorFee({
+ staleTime: ms(1, "weeks"),
+ });
+
+ const minYearlyFee = getYearlyFee(minFee);
+ const minYearlyFeeFormatted = getYearlyFee(minFee, { format: true });
+
+ const maxYearlyFee = getYearlyFee(maxFee);
+ const maxYearlyFeeFormatted = getYearlyFee(maxFee, { format: true });
+
const ethRate = rates.data?.eth ?? 0;
const form = useForm({
@@ -43,10 +60,10 @@ export const SetOperatorFee: FC> = () => {
resolver: zodResolver(
z.object({
yearlyFee: z.bigint().superRefine((value, ctx) => {
- if (value > parseEther("200")) {
+ if (value > maxYearlyFee) {
return ctx.addIssue({
code: z.ZodIssueCode.custom,
- message: "Fee must be lower than 200 ETH",
+ message: `Fee must be lower than ${maxYearlyFeeFormatted}`,
});
}
if (isPrivate && value === parseEther("0")) return;
@@ -57,10 +74,10 @@ export const SetOperatorFee: FC> = () => {
message: `Fee cannot be set to 0 while operator status is set to public. To set the fee to 0, switch the operator status to private in the previous step.`,
});
- if (value >= parseEther("0") && value < minimumFee)
+ if (value >= parseEther("0") && value < minYearlyFee)
return ctx.addIssue({
code: z.ZodIssueCode.custom,
- message: `Fee must be greater than ${formatUnits(minimumFee, 18)} ETH`,
+ message: `Fee must be greater than ${minYearlyFeeFormatted}`,
});
}),
}),
@@ -137,7 +154,7 @@ export const SetOperatorFee: FC> = () => {
id="register-operator-fee"
value={field.value}
onChange={field.onChange}
- max={parseEther("200")}
+ max={maxYearlyFee}
rightSlot={
![]()
{
// const isBulk = validatorsAmount > 1;
- const cost = useFundingCost({
+ const cost = useFundingCostETH({
operators,
fundingDays,
effectiveBalance,
diff --git a/src/components/cluster/estimated-operational-runway.tsx b/src/components/cluster/estimated-operational-runway.tsx
index ee14a6cfe..fe8386712 100644
--- a/src/components/cluster/estimated-operational-runway.tsx
+++ b/src/components/cluster/estimated-operational-runway.tsx
@@ -1,4 +1,4 @@
-import type { FC, ComponentPropsWithoutRef } from "react";
+import type { ComponentPropsWithoutRef, FC } from "react";
import { cn } from "@/lib/utils/tw";
import { Span, Text } from "@/components/ui/text";
import { FaCircleInfo } from "react-icons/fa6";
@@ -13,7 +13,7 @@ import { humanizeFundingDuration } from "@/lib/utils/date";
export type EstimatedOperationalRunwayProps = {
clusterHash?: string;
deltaBalance?: bigint;
- deltaValidators?: bigint;
+ deltaEffectiveBalance?: bigint;
withAlerts?: boolean;
};
@@ -25,7 +25,7 @@ type EstimatedOperationalRunwayFC = FC<
export const EstimatedOperationalRunway: EstimatedOperationalRunwayFC = ({
className,
clusterHash,
- deltaValidators = 0n,
+ deltaEffectiveBalance = 0n,
deltaBalance = 0n,
withAlerts = true,
...props
@@ -37,7 +37,7 @@ export const EstimatedOperationalRunway: EstimatedOperationalRunwayFC = ({
const { data: clusterRunway } = useClusterRunway(hash!, {
deltaBalance,
- deltaValidators,
+ deltaEffectiveBalance,
watch: true,
});
@@ -81,10 +81,12 @@ export const EstimatedOperationalRunway: EstimatedOperationalRunwayFC = ({
{withAlerts && (
= (props) => {
return (
- {({
- chain,
- openAccountModal,
- openChainModal,
- openConnectModal,
- mounted,
- }) => {
+ {({ chain, openAccountModal, openConnectModal, mounted }) => {
const connected = mounted && account && chain;
- if (!mounted) return null;
+ if (!mounted || chain?.unsupported) return null;
if (!connected) {
return (
@@ -64,25 +57,6 @@ export const ConnectWalletBtn: FC = (props) => {
);
}
- if (chain.unsupported) {
- return (
-
- );
- }
-
return (