websites/apps/staking/components/StakedNode/ContractStartButton.tsx

import { WalletInteractionButtonWithLocales } from '@/components/WalletInteractionButtonWithLocales';
import { ButtonDataTestId } from '@/testing/data-test-ids';
import { useFinalizeContract } from '@session/contracts/hooks/ServiceNodeContribution';
import { useTranslations } from 'next-intl';
import type { Address } from 'viem';

export function ContractStartButton({ contractAddress }: { contractAddress: Address }) {
  const dict = useTranslations('nodeCard.staked.finalize');
  const { finalizeContract, contractCallStatus } = useFinalizeContract({ contractAddress });

  return (
    <WalletInteractionButtonWithLocales
      size="xs"
      disabled={contractCallStatus === 'pending' || contractCallStatus === 'success'}
      onClick={() => finalizeContract()}
      data-testid={ButtonDataTestId.Staked_Node_Start}
    >
      {contractCallStatus === 'pending' ? '...' : dict('buttonText')}
    </WalletInteractionButtonWithLocales>
  );
}