diff --git a/src/components/Modal/StakingApplications/AuthorizeStakingApps.tsx b/src/components/Modal/StakingApplications/AuthorizeStakingApps.tsx index 708191938..54dddc185 100644 --- a/src/components/Modal/StakingApplications/AuthorizeStakingApps.tsx +++ b/src/components/Modal/StakingApplications/AuthorizeStakingApps.tsx @@ -26,13 +26,17 @@ import { import { BaseModalProps } from "../../../types" import { useAuthorizeMultipleAppsTransaction } from "../../../hooks/staking-applications" import { useAppSelector } from "../../../hooks/store" -import { selectStakingAppByStakingProvider } from "../../../store/staking-applications" +import { + selectStakingAppByStakingProvider, + StakingAppName, +} from "../../../store/staking-applications" +import { getSakingAppLabel } from "../../../utils/getStakingAppLabel" export type AuthorizeAppsProps = BaseModalProps & { stakingProvider: string totalInTStake: string applications: { - appName: string + appName: StakingAppName address: string authorizationAmount: string }[] @@ -106,7 +110,7 @@ const AuthorizeStakingAppsBase: FC = ({ } const StakingApplicationToAuth: FC<{ - appName: string + appName: StakingAppName authorizationAmount: string stakingProvider: string totalInTStake: string @@ -121,10 +125,15 @@ const StakingApplicationToAuth: FC<{ - {appName} - {percentage} + {getSakingAppLabel(appName)} app - {percentage} Authorization Amount - + ) diff --git a/src/pages/Staking/AuthorizeStakingApps/index.tsx b/src/pages/Staking/AuthorizeStakingApps/index.tsx index eaf1f30ac..3695e779b 100644 --- a/src/pages/Staking/AuthorizeStakingApps/index.tsx +++ b/src/pages/Staking/AuthorizeStakingApps/index.tsx @@ -178,7 +178,7 @@ const AuthorizeStakingAppsPage: FC = () => { stakingProvider: stakingProviderAddress!, totalInTStake: stake.totalInTStake, applications: selectedApps.map((_) => ({ - appName: _.label, + appName: _.stakingAppId, address: stakinAppNameToAddress[_.stakingAppId], authorizationAmount: stakinAppNameToFormRef[_.stakingAppId].current?.values.tokenAmount,