-
{
.mockImplementation(() => mockDate as any);
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index b7cb3c271d..81a57fe03d 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -1,6 +1,7 @@
import React from 'react';
import classnames from 'classnames';
import Trans from 'next-translate/Trans';
+import { useRecoilValue } from 'recoil';
import useTranslation from 'next-translate/useTranslation';
import FooterLogoLight from '@assets/big-dipper-red.svg';
import FooterLogoDark from '@assets/big-dipper-white.svg';
@@ -12,7 +13,7 @@ import {
import {
chainConfig, generalConfig,
} from '@src/configs';
-import { useSettingsContext } from '@contexts';
+import { readTheme } from '@recoil/settings/selectors';
import { SocialMedia } from './components';
import {
footerLinks, donateLink,
@@ -22,7 +23,7 @@ import { useStyles } from './styles';
const Footer: React.FC<{className?: string}> = ({ className }) => {
const { t } = useTranslation();
const classes = useStyles();
- const { theme } = useSettingsContext();
+ const theme = useRecoilValue(readTheme);
// ============================
// Footer
diff --git a/src/components/msg/bank/multisend/index.test.tsx b/src/components/msg/bank/multisend/index.test.tsx
index a65f35e891..93675dd2f2 100644
--- a/src/components/msg/bank/multisend/index.test.tsx
+++ b/src/components/msg/bank/multisend/index.test.tsx
@@ -1,21 +1,10 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgMultiSend } from '@models';
import Multisend from '.';
-// ==================================
-// mocks
-// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) =>
,
}));
@@ -61,11 +50,13 @@ describe('screen: TransactionDetails/MsgSend', () => {
],
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/bank/multisend/index.tsx b/src/components/msg/bank/multisend/index.tsx
index bdd8bea53f..b8d3ab5ac6 100644
--- a/src/components/msg/bank/multisend/index.tsx
+++ b/src/components/msg/bank/multisend/index.tsx
@@ -7,13 +7,14 @@ import { Typography } from '@material-ui/core';
import { formatDenom } from '@utils/format_denom';
import { Name } from '@components';
import { MsgMultiSend } from '@models';
-import { useChainContext } from '@contexts';
+import {
+ useProfileRecoil, useProfilesRecoil,
+} from '@recoil/profiles';
import { useStyles } from './styles';
const Multisend = (props: {
message: MsgMultiSend;
}) => {
- const { findAddress } = useChainContext();
const { t } = useTranslation('transactions');
const classes = useStyles();
@@ -26,6 +27,9 @@ const Multisend = (props: {
return `${numeral(amount.value).format(amount.format)} ${amount.denom.toUpperCase()}`;
}).reduce((text, value, i, array) => text + (i < array.length - 1 ? ', ' : ` ${t('and')} `) + value);
+ const userSend = useProfileRecoil(sender?.address);
+ const validatorMoniker = userSend ? userSend?.name : sender?.address;
+
const receivers = message?.outputs?.map((output) => {
const parsedAmount = output?.coins?.map((x) => {
const amount = formatDenom(x.amount, x.denom);
@@ -38,8 +42,7 @@ const Multisend = (props: {
};
});
- const userSend = findAddress(sender?.address);
- const validatorMoniker = userSend ? userSend?.moniker : sender?.address;
+ const receiverProfiles = useProfilesRecoil(receivers.map((x) => x.address));
return (
@@ -63,8 +66,8 @@ const Multisend = (props: {
{
receivers?.map((x, i) => {
- const recieverUser = findAddress(x?.address);
- const recieverMoniker = recieverUser ? recieverUser?.moniker : x?.address;
+ const recieverUser = receiverProfiles[i];
+ const recieverMoniker = recieverUser ? recieverUser?.name : x?.address;
return (
({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
jest.mock('@components', () => ({
Name: (props) => ,
@@ -36,11 +29,13 @@ describe('screen: TransactionDetails/MsgSend', () => {
}],
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/bank/send/index.tsx b/src/components/msg/bank/send/index.tsx
index a20d6a44ab..54561561c7 100644
--- a/src/components/msg/bank/send/index.tsx
+++ b/src/components/msg/bank/send/index.tsx
@@ -6,13 +6,14 @@ import { Typography } from '@material-ui/core';
import { formatDenom } from '@utils/format_denom';
import { Name } from '@components';
import { MsgSend } from '@models';
-import { useChainContext } from '@contexts';
+import {
+ useProfileRecoil,
+} from '@recoil/profiles';
const Send = (props: {
message: MsgSend;
}) => {
const { t } = useTranslation('transactions');
- const { findAddress } = useChainContext();
const { message } = props;
const parsedAmount = message?.amount?.map((x) => {
@@ -21,11 +22,11 @@ const Send = (props: {
return `${numeral(amount.value).format(amount.format)} ${amount.denom.toUpperCase()}`;
}).reduce((text, value, i, array) => text + (i < array.length - 1 ? ', ' : ` ${t('and')} `) + value);
- const from = findAddress(message.fromAddress);
- const fromMoniker = from ? from?.moniker : message.fromAddress;
+ const from = useProfileRecoil(message.fromAddress);
+ const fromMoniker = from ? from?.name : message.fromAddress;
- const to = findAddress(message.toAddress);
- const toMoniker = to ? to?.moniker : message.toAddress;
+ const to = useProfileRecoil(message.toAddress);
+ const toMoniker = to ? to?.name : message.toAddress;
return (
diff --git a/src/components/msg/crisis/verify_invariant/index.test.tsx b/src/components/msg/crisis/verify_invariant/index.test.tsx
index 7908c86e7f..f8abf666b7 100644
--- a/src/components/msg/crisis/verify_invariant/index.test.tsx
+++ b/src/components/msg/crisis/verify_invariant/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgVerifyInvariant } from '@models';
@@ -7,14 +8,6 @@ import VerifyInvariant from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
jest.mock('@components', () => ({
Name: (props) => ,
@@ -33,11 +26,13 @@ describe('screen: TransactionDetails/MsgVerifyInvariant', () => {
invariantRoute: 'invariantRoute',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/crisis/verify_invariant/index.tsx b/src/components/msg/crisis/verify_invariant/index.tsx
index fe0e4dd3dd..d23699ef35 100644
--- a/src/components/msg/crisis/verify_invariant/index.tsx
+++ b/src/components/msg/crisis/verify_invariant/index.tsx
@@ -3,16 +3,17 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgVerifyInvariant } from '@models';
-import { useChainContext } from '@contexts';
+import {
+ useProfileRecoil,
+} from '@recoil/profiles';
const VerifyInvariant = (props: {
message: MsgVerifyInvariant;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const user = findAddress(message.sender);
- const userMoniker = user ? user?.moniker : message.sender;
+ const user = useProfileRecoil(message.sender);
+ const userMoniker = user ? user?.name : message.sender;
return (
diff --git a/src/components/msg/distribution/fund/index.test.tsx b/src/components/msg/distribution/fund/index.test.tsx
index eec4dd129b..95615f840f 100644
--- a/src/components/msg/distribution/fund/index.test.tsx
+++ b/src/components/msg/distribution/fund/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgFundCommunityPool } from '@models';
@@ -7,14 +8,6 @@ import Fund from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
jest.mock('@components', () => ({
Name: (props) => ,
@@ -37,11 +30,13 @@ describe('screen: TransactionDetails/Fund', () => {
],
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/distribution/fund/index.tsx b/src/components/msg/distribution/fund/index.tsx
index 0a21924558..78d2b3854e 100644
--- a/src/components/msg/distribution/fund/index.tsx
+++ b/src/components/msg/distribution/fund/index.tsx
@@ -6,13 +6,12 @@ import { Typography } from '@material-ui/core';
import { formatDenom } from '@utils/format_denom';
import { Name } from '@components';
import { MsgFundCommunityPool } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Fund = (props: {
message : MsgFundCommunityPool;
}) => {
const { t } = useTranslation('transactions');
- const { findAddress } = useChainContext();
const { message } = props;
const parsedAmount = message?.amount?.map((x) => {
@@ -20,8 +19,8 @@ const Fund = (props: {
return `${numeral(amount.value).format(amount.format)} ${amount.denom.toUpperCase()}`;
}).reduce((text, value, i, array) => text + (i < array.length - 1 ? ', ' : ` ${t('and')} `) + value);
- const depositor = findAddress(message.depositor);
- const depositorMoniker = depositor ? depositor?.moniker : message.depositor;
+ const depositor = useProfileRecoil(message.depositor);
+ const depositorMoniker = depositor ? depositor?.name : message.depositor;
return (
diff --git a/src/components/msg/distribution/set_withdrawal_address/index.test.tsx b/src/components/msg/distribution/set_withdrawal_address/index.test.tsx
index b7a4090021..614f8aa733 100644
--- a/src/components/msg/distribution/set_withdrawal_address/index.test.tsx
+++ b/src/components/msg/distribution/set_withdrawal_address/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgSetWithdrawAddress } from '@models';
@@ -7,15 +8,6 @@ import SetWithdrawalAddress from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -32,11 +24,13 @@ describe('screen: TransactionDetails/SetWithdrawalAddress', () => {
withdrawalAddress: 'withdrawalAddress',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/distribution/set_withdrawal_address/index.tsx b/src/components/msg/distribution/set_withdrawal_address/index.tsx
index 6ca0c5cbcc..e99f279ec0 100644
--- a/src/components/msg/distribution/set_withdrawal_address/index.tsx
+++ b/src/components/msg/distribution/set_withdrawal_address/index.tsx
@@ -3,20 +3,19 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgSetWithdrawAddress } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const SetWithdrawalAddress = (props: {
message: MsgSetWithdrawAddress;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const delegator = findAddress(message.delegatorAddress);
- const delegatorMoniker = delegator ? delegator?.moniker : message
+ const delegator = useProfileRecoil(message.delegatorAddress);
+ const delegatorMoniker = delegator ? delegator?.name : message
.delegatorAddress;
- const withdrawal = findAddress(message.withdrawalAddress);
- const withdrawalMoniker = withdrawal ? withdrawal?.moniker : message.withdrawalAddress;
+ const withdrawal = useProfileRecoil(message.withdrawalAddress);
+ const withdrawalMoniker = withdrawal ? withdrawal?.name : message.withdrawalAddress;
return (
diff --git a/src/components/msg/distribution/withdraw_commission/index.test.tsx b/src/components/msg/distribution/withdraw_commission/index.test.tsx
index 6f8ab34dd3..92b618b612 100644
--- a/src/components/msg/distribution/withdraw_commission/index.test.tsx
+++ b/src/components/msg/distribution/withdraw_commission/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgWithdrawValidatorCommission } from '@models';
@@ -7,14 +8,6 @@ import WithdrawCommission from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
jest.mock('@components', () => ({
Name: (props) => ,
@@ -37,11 +30,13 @@ describe('screen: TransactionDetails/WithdrawCommission', () => {
],
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/distribution/withdraw_commission/index.tsx b/src/components/msg/distribution/withdraw_commission/index.tsx
index f7bd26c5a5..7eca84a10b 100644
--- a/src/components/msg/distribution/withdraw_commission/index.tsx
+++ b/src/components/msg/distribution/withdraw_commission/index.tsx
@@ -4,15 +4,14 @@ import { Typography } from '@material-ui/core';
import { Name } from '@components';
import numeral from 'numeral';
import { MsgWithdrawValidatorCommission } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const WithdrawCommission = (props: {
message: MsgWithdrawValidatorCommission;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const validator = findAddress(message.validatorAddress);
- const validatorMoniker = validator ? validator?.moniker : message
+ const validator = useProfileRecoil(message.validatorAddress);
+ const validatorMoniker = validator ? validator?.name : message
.validatorAddress;
const parsedAmount = message.amounts.map((x) => {
return `${numeral(x.value).format(x.format)} ${x.denom.toUpperCase()}`;
diff --git a/src/components/msg/distribution/withdraw_reward/index.test.tsx b/src/components/msg/distribution/withdraw_reward/index.test.tsx
index 6e6c955b79..7d4a730e91 100644
--- a/src/components/msg/distribution/withdraw_reward/index.test.tsx
+++ b/src/components/msg/distribution/withdraw_reward/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgWithdrawDelegatorReward } from '@models';
@@ -7,15 +8,6 @@ import WithdrawReward from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -38,11 +30,13 @@ describe('screen: TransactionDetails/WithdrawReward', () => {
],
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/distribution/withdraw_reward/index.tsx b/src/components/msg/distribution/withdraw_reward/index.tsx
index 3296494181..4bc551bbe5 100644
--- a/src/components/msg/distribution/withdraw_reward/index.tsx
+++ b/src/components/msg/distribution/withdraw_reward/index.tsx
@@ -4,18 +4,17 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgWithdrawDelegatorReward } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const WithdrawReward = (props: {
message: MsgWithdrawDelegatorReward;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const delegator = findAddress(message.delegatorAddress);
- const delegatorMoniker = delegator ? delegator?.moniker : message.delegatorAddress;
+ const delegator = useProfileRecoil(message.delegatorAddress);
+ const delegatorMoniker = delegator ? delegator?.name : message.delegatorAddress;
- const validator = findAddress(message.validatorAddress);
- const validatorMoniker = validator ? validator?.moniker : message
+ const validator = useProfileRecoil(message.validatorAddress);
+ const validatorMoniker = validator ? validator?.name : message
.validatorAddress;
const parsedAmount = message.amounts.map((x) => {
diff --git a/src/components/msg/governance/deposit_proposal/index.test.tsx b/src/components/msg/governance/deposit_proposal/index.test.tsx
index 78909323ba..73e97c3aa4 100644
--- a/src/components/msg/governance/deposit_proposal/index.test.tsx
+++ b/src/components/msg/governance/deposit_proposal/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgDeposit } from '@models';
@@ -7,14 +8,6 @@ import DepositProposal from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
jest.mock('@components', () => ({
Name: (props) => ,
@@ -38,11 +31,13 @@ describe('screen: TransactionDetails/DepositProposal', () => {
],
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/governance/deposit_proposal/index.tsx b/src/components/msg/governance/deposit_proposal/index.tsx
index 7d02d84a4b..d38b082dbb 100644
--- a/src/components/msg/governance/deposit_proposal/index.tsx
+++ b/src/components/msg/governance/deposit_proposal/index.tsx
@@ -7,13 +7,12 @@ import numeral from 'numeral';
import { Name } from '@components';
import { MsgDeposit } from '@models';
import { formatDenom } from '@utils/format_denom';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
import { PROPOSAL_DETAILS } from '@utils/go_to_page';
const DepositProposal = (props: {
message: MsgDeposit;
}) => {
- const { findAddress } = useChainContext();
const { t } = useTranslation('transactions');
const { message } = props;
@@ -22,8 +21,8 @@ const DepositProposal = (props: {
return `${numeral(amount.value).format(amount.format)} ${amount.denom.toUpperCase()}`;
}).reduce((text, value, i, array) => text + (i < array.length - 1 ? ', ' : ` ${t('and')} `) + value);
- const depositor = findAddress(message.depositor);
- const depositorMoniker = depositor ? depositor?.moniker : message.depositor;
+ const depositor = useProfileRecoil(message.depositor);
+ const depositorMoniker = depositor ? depositor?.name : message.depositor;
const Proposal = () => {
return (
diff --git a/src/components/msg/governance/submit_proposal/index.test.tsx b/src/components/msg/governance/submit_proposal/index.test.tsx
index 8ae981965f..6e8d395717 100644
--- a/src/components/msg/governance/submit_proposal/index.test.tsx
+++ b/src/components/msg/governance/submit_proposal/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgSubmitProposal } from '@models';
@@ -7,15 +8,6 @@ import SubmitProposal from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -38,11 +30,13 @@ describe('screen: TransactionDetails/SubmitProposal', () => {
],
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/governance/submit_proposal/index.tsx b/src/components/msg/governance/submit_proposal/index.tsx
index a66c85c498..71a44ffee4 100644
--- a/src/components/msg/governance/submit_proposal/index.tsx
+++ b/src/components/msg/governance/submit_proposal/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgSubmitProposal } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const SubmitProposal = (props: {
message: MsgSubmitProposal;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const proposer = findAddress(message.proposer);
- const proposerMoniker = proposer ? proposer?.moniker : message.proposer;
+ const proposer = useProfileRecoil(message.proposer);
+ const proposerMoniker = proposer ? proposer?.name : message.proposer;
return (
diff --git a/src/components/msg/governance/vote/index.test.tsx b/src/components/msg/governance/vote/index.test.tsx
index a54e570d79..d6f96f25e2 100644
--- a/src/components/msg/governance/vote/index.test.tsx
+++ b/src/components/msg/governance/vote/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgVote } from '@models';
@@ -7,15 +8,6 @@ import Vote from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -33,11 +25,13 @@ describe('screen: TransactionDetails/MsgVote', () => {
option: 'VOTE_OPTION_NO',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/governance/vote/index.tsx b/src/components/msg/governance/vote/index.tsx
index 4ad0a281ea..e7cb2dc6e2 100644
--- a/src/components/msg/governance/vote/index.tsx
+++ b/src/components/msg/governance/vote/index.tsx
@@ -5,19 +5,18 @@ import useTranslation from 'next-translate/useTranslation';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgVote } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
import { PROPOSAL_DETAILS } from '@utils/go_to_page';
const Vote = (props: {
message: MsgVote;
}) => {
- const { findAddress } = useChainContext();
const { t } = useTranslation('transactions');
const { message } = props;
const vote = t(message.getOptionTranslationKey());
- const voter = findAddress(message.voter);
- const voterMoniker = voter ? voter?.moniker : message.voter;
+ const voter = useProfileRecoil(message.voter);
+ const voterMoniker = voter ? voter?.name : message.voter;
const Proposal = () => {
return (
diff --git a/src/components/msg/ibc/channel/index.tsx b/src/components/msg/ibc/channel/index.tsx
index bd567bc721..ab0e5a2581 100644
--- a/src/components/msg/ibc/channel/index.tsx
+++ b/src/components/msg/ibc/channel/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgChannel } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Channel = (props: {
message: MsgChannel;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_acknowledgement/index.tsx b/src/components/msg/ibc/channel_acknowledgement/index.tsx
index 9da219f602..315b9825fc 100644
--- a/src/components/msg/ibc/channel_acknowledgement/index.tsx
+++ b/src/components/msg/ibc/channel_acknowledgement/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgAcknowledgement } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Acknowledgement = (props: {
message: MsgAcknowledgement;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_close_confirm/index.tsx b/src/components/msg/ibc/channel_close_confirm/index.tsx
index 47b5e2f73c..8d4e61f9c4 100644
--- a/src/components/msg/ibc/channel_close_confirm/index.tsx
+++ b/src/components/msg/ibc/channel_close_confirm/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgChannelCloseConfirm } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ChannelCloseConfirm = (props: {
message: MsgChannelCloseConfirm;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_close_init/index.tsx b/src/components/msg/ibc/channel_close_init/index.tsx
index 8dcc87adb1..583eeb43f0 100644
--- a/src/components/msg/ibc/channel_close_init/index.tsx
+++ b/src/components/msg/ibc/channel_close_init/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgChannelCloseInit } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ChannelCloseInit = (props: {
message: MsgChannelCloseInit;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_counterparty/index.tsx b/src/components/msg/ibc/channel_counterparty/index.tsx
index 0dec989b10..7d9e68ef00 100644
--- a/src/components/msg/ibc/channel_counterparty/index.tsx
+++ b/src/components/msg/ibc/channel_counterparty/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgCounterpartyChannel } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const CounterpartyChannel = (props: {
message: MsgCounterpartyChannel;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_open_ack/index.tsx b/src/components/msg/ibc/channel_open_ack/index.tsx
index 04f02cca7c..5781124923 100644
--- a/src/components/msg/ibc/channel_open_ack/index.tsx
+++ b/src/components/msg/ibc/channel_open_ack/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgChannelOpenAck } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ChannelOpenAck = (props: {
message: MsgChannelOpenAck;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_open_confirm/index.tsx b/src/components/msg/ibc/channel_open_confirm/index.tsx
index d74a8fcd9f..9ca655277d 100644
--- a/src/components/msg/ibc/channel_open_confirm/index.tsx
+++ b/src/components/msg/ibc/channel_open_confirm/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgChannelOpenConfirm } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ChannelOpenConfirm = (props: {
message: MsgChannelOpenConfirm;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_open_init/index.tsx b/src/components/msg/ibc/channel_open_init/index.tsx
index 8f04a5bee8..f0c24ac82f 100644
--- a/src/components/msg/ibc/channel_open_init/index.tsx
+++ b/src/components/msg/ibc/channel_open_init/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgChannelOpenInit } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ChannelOpenInit = (props: {
message: MsgChannelOpenInit;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_open_try/index.tsx b/src/components/msg/ibc/channel_open_try/index.tsx
index 9a340f95fa..dec3211a3e 100644
--- a/src/components/msg/ibc/channel_open_try/index.tsx
+++ b/src/components/msg/ibc/channel_open_try/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgChannelOpenTry } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ChannelOpenTry = (props: {
message: MsgChannelOpenTry;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_packet/index.tsx b/src/components/msg/ibc/channel_packet/index.tsx
index 4b455c16fc..f9faed7edc 100644
--- a/src/components/msg/ibc/channel_packet/index.tsx
+++ b/src/components/msg/ibc/channel_packet/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgPacket } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Packet = (props: {
message: MsgPacket;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_receive_packet/index.tsx b/src/components/msg/ibc/channel_receive_packet/index.tsx
index 398f42cb3c..2e00d31ff4 100644
--- a/src/components/msg/ibc/channel_receive_packet/index.tsx
+++ b/src/components/msg/ibc/channel_receive_packet/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgReceivePacket } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ReceivePacket = (props: {
message: MsgReceivePacket;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_timeout/index.tsx b/src/components/msg/ibc/channel_timeout/index.tsx
index a17c112e5d..245970d586 100644
--- a/src/components/msg/ibc/channel_timeout/index.tsx
+++ b/src/components/msg/ibc/channel_timeout/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgTimeout } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Timeout = (props: {
message: MsgTimeout;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/channel_timeout_on_close/index.tsx b/src/components/msg/ibc/channel_timeout_on_close/index.tsx
index f9ee194f6a..e8a8669aef 100644
--- a/src/components/msg/ibc/channel_timeout_on_close/index.tsx
+++ b/src/components/msg/ibc/channel_timeout_on_close/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgTimeoutOnClose } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const TimeoutOnClose = (props: {
message: MsgTimeoutOnClose;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/client_create_client/index.tsx b/src/components/msg/ibc/client_create_client/index.tsx
index d2697ac691..733d130eb8 100644
--- a/src/components/msg/ibc/client_create_client/index.tsx
+++ b/src/components/msg/ibc/client_create_client/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgCreateClient } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const CreateClient = (props: {
message: MsgCreateClient;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/client_height/index.tsx b/src/components/msg/ibc/client_height/index.tsx
index 994dd60c8e..5450ea5e6a 100644
--- a/src/components/msg/ibc/client_height/index.tsx
+++ b/src/components/msg/ibc/client_height/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgHeight } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Height = (props: {
message: MsgHeight;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/client_submit_misbehaviour/index.tsx b/src/components/msg/ibc/client_submit_misbehaviour/index.tsx
index 71c5fb486a..7cc55ddd27 100644
--- a/src/components/msg/ibc/client_submit_misbehaviour/index.tsx
+++ b/src/components/msg/ibc/client_submit_misbehaviour/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgSubmitMisbehaviour } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const SubmitMisbehaviour = (props: {
message: MsgSubmitMisbehaviour;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/client_update_client/index.tsx b/src/components/msg/ibc/client_update_client/index.tsx
index e7a2790879..89835bee97 100644
--- a/src/components/msg/ibc/client_update_client/index.tsx
+++ b/src/components/msg/ibc/client_update_client/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgUpdateClient } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const UpdateClient = (props: {
message: MsgUpdateClient;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/client_upgrade_client/index.tsx b/src/components/msg/ibc/client_upgrade_client/index.tsx
index dc5921f938..d973e3a655 100644
--- a/src/components/msg/ibc/client_upgrade_client/index.tsx
+++ b/src/components/msg/ibc/client_upgrade_client/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgUpgradeClient } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const UpgradeClient = (props: {
message: MsgUpgradeClient;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/connection_counterparty/index.tsx b/src/components/msg/ibc/connection_counterparty/index.tsx
index 8037862400..bea6124cab 100644
--- a/src/components/msg/ibc/connection_counterparty/index.tsx
+++ b/src/components/msg/ibc/connection_counterparty/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgCounterpartyConnection } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const CounterpartyConnection = (props: {
message: MsgCounterpartyConnection;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/connection_end/index.tsx b/src/components/msg/ibc/connection_end/index.tsx
index 46bc6684cd..6d6e19bb02 100644
--- a/src/components/msg/ibc/connection_end/index.tsx
+++ b/src/components/msg/ibc/connection_end/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgConnectionEnd } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ConnectionEnd = (props: {
message: MsgConnectionEnd;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/connection_open_ack/index.tsx b/src/components/msg/ibc/connection_open_ack/index.tsx
index ded929a0b2..294e48d3bb 100644
--- a/src/components/msg/ibc/connection_open_ack/index.tsx
+++ b/src/components/msg/ibc/connection_open_ack/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgConnectionOpenAck } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ConnectionOpenAck = (props: {
message: MsgConnectionOpenAck;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/connection_open_confirm/index.tsx b/src/components/msg/ibc/connection_open_confirm/index.tsx
index 40c859e7b7..85dccf8e06 100644
--- a/src/components/msg/ibc/connection_open_confirm/index.tsx
+++ b/src/components/msg/ibc/connection_open_confirm/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgConnectionOpenConfirm } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ConnectionOpenConfirm = (props: {
message: MsgConnectionOpenConfirm;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/connection_open_init/index.tsx b/src/components/msg/ibc/connection_open_init/index.tsx
index 063402a3e0..4c469e7b29 100644
--- a/src/components/msg/ibc/connection_open_init/index.tsx
+++ b/src/components/msg/ibc/connection_open_init/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgConnectionOpenInit } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ConnectionOpenInit = (props: {
message: MsgConnectionOpenInit;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/connection_open_try/index.tsx b/src/components/msg/ibc/connection_open_try/index.tsx
index 7b6461830d..3c60198a17 100644
--- a/src/components/msg/ibc/connection_open_try/index.tsx
+++ b/src/components/msg/ibc/connection_open_try/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgConnectionOpenTry } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const ConnectionOpenTry = (props: {
message: MsgConnectionOpenTry;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc/connection_version/index.tsx b/src/components/msg/ibc/connection_version/index.tsx
index 04393f1d13..06c81ac732 100644
--- a/src/components/msg/ibc/connection_version/index.tsx
+++ b/src/components/msg/ibc/connection_version/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgVersion } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Version = (props: {
message: MsgVersion;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const signer = findAddress(message.signer);
- const signerMoniker = signer ? signer?.moniker : message.signer;
+ const signer = useProfileRecoil(message.signer);
+ const signerMoniker = signer ? signer?.name : message.signer;
return (
diff --git a/src/components/msg/ibc_transfer/transfer/index.tsx b/src/components/msg/ibc_transfer/transfer/index.tsx
index 98484ab79c..663f85b1d8 100644
--- a/src/components/msg/ibc_transfer/transfer/index.tsx
+++ b/src/components/msg/ibc_transfer/transfer/index.tsx
@@ -3,20 +3,19 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgTransfer } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
import numeral from 'numeral';
import { formatDenom } from '@utils/format_denom';
const Transfer = (props: {
message: MsgTransfer;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const sender = findAddress(message.sender);
- const senderMoniker = sender ? sender?.moniker : message.sender;
- const receiver = findAddress(message.receiver);
- const receiverMoniker = receiver ? receiver?.moniker : message.receiver;
+ const sender = useProfileRecoil(message.sender);
+ const senderMoniker = sender ? sender?.name : message.sender;
+ const receiver = useProfileRecoil(message.receiver);
+ const receiverMoniker = receiver ? receiver?.name : message.receiver;
const tokenFormatDenom = formatDenom(message.token?.amount, message.token?.denom);
const token = `${numeral(tokenFormatDenom.value).format(tokenFormatDenom.format)} ${tokenFormatDenom.denom.toUpperCase()}`;
diff --git a/src/components/msg/profiles/block_user/index.test.tsx b/src/components/msg/profiles/block_user/index.test.tsx
index b44e21c384..4a1d1d129f 100644
--- a/src/components/msg/profiles/block_user/index.test.tsx
+++ b/src/components/msg/profiles/block_user/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgBlockUser } from '@models';
@@ -7,15 +8,6 @@ import BlockUser from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -33,11 +25,13 @@ describe('screen: TransactionDetails/BlockUser', () => {
subspace: 'subspace',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/profiles/block_user/index.tsx b/src/components/msg/profiles/block_user/index.tsx
index fa3f0b666d..85cd71297a 100644
--- a/src/components/msg/profiles/block_user/index.tsx
+++ b/src/components/msg/profiles/block_user/index.tsx
@@ -3,20 +3,19 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgBlockUser } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const BlockUser = (props: {
message: MsgBlockUser;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const blocker = findAddress(message.blocker);
- const blockerMoniker = blocker ? blocker?.moniker : message
+ const blocker = useProfileRecoil(message.blocker);
+ const blockerMoniker = blocker ? blocker?.name : message
.blocker;
- const blocked = findAddress(message.blocked);
- const blockedMoniker = blocked ? blocked?.moniker : message
+ const blocked = useProfileRecoil(message.blocked);
+ const blockedMoniker = blocked ? blocked?.name : message
.blocked;
return (
diff --git a/src/components/msg/profiles/create_relationship/index.test.tsx b/src/components/msg/profiles/create_relationship/index.test.tsx
index 8d238e471a..afb54e0e92 100644
--- a/src/components/msg/profiles/create_relationship/index.test.tsx
+++ b/src/components/msg/profiles/create_relationship/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgCreateRelationship } from '@models';
@@ -7,15 +8,6 @@ import CreateRelationship from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -33,11 +25,13 @@ describe('screen: TransactionDetails/CreateRelationship', () => {
subspace: 'subspace',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/profiles/create_relationship/index.tsx b/src/components/msg/profiles/create_relationship/index.tsx
index 99197a195b..3b4c107850 100644
--- a/src/components/msg/profiles/create_relationship/index.tsx
+++ b/src/components/msg/profiles/create_relationship/index.tsx
@@ -3,20 +3,19 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgCreateRelationship } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const CreateRelationship = (props: {
message: MsgCreateRelationship;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const sender = findAddress(message.sender);
- const senderMoniker = sender ? sender?.moniker : message
+ const sender = useProfileRecoil(message.sender);
+ const senderMoniker = sender ? sender?.name : message
.sender;
- const receiver = findAddress(message.receiver);
- const receiverMoniker = receiver ? receiver?.moniker : message
+ const receiver = useProfileRecoil(message.receiver);
+ const receiverMoniker = receiver ? receiver?.name : message
.receiver;
return (
diff --git a/src/components/msg/profiles/delete_profile/index.test.tsx b/src/components/msg/profiles/delete_profile/index.test.tsx
index de90889e19..c6a49f5d54 100644
--- a/src/components/msg/profiles/delete_profile/index.test.tsx
+++ b/src/components/msg/profiles/delete_profile/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgDeleteProfile } from '@models';
@@ -7,14 +8,6 @@ import DeleteProfile from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
jest.mock('@components', () => ({
Name: (props) => ,
@@ -31,11 +24,13 @@ describe('screen: TransactionDetails/DeleteProfile', () => {
creator: 'creator',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/profiles/delete_profile/index.tsx b/src/components/msg/profiles/delete_profile/index.tsx
index c321205718..8d466c7454 100644
--- a/src/components/msg/profiles/delete_profile/index.tsx
+++ b/src/components/msg/profiles/delete_profile/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgDeleteProfile } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const DeleteProfile = (props: {
message: MsgDeleteProfile;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const creator = findAddress(message.creator);
- const creatorMoniker = creator ? creator?.moniker : message
+ const creator = useProfileRecoil(message.creator);
+ const creatorMoniker = creator ? creator?.name : message
.creator;
return (
diff --git a/src/components/msg/profiles/dtag_accept_transfer/index.test.tsx b/src/components/msg/profiles/dtag_accept_transfer/index.test.tsx
index 99220dfd78..4ef959c30a 100644
--- a/src/components/msg/profiles/dtag_accept_transfer/index.test.tsx
+++ b/src/components/msg/profiles/dtag_accept_transfer/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgDtagAcceptTransfer } from '@models';
@@ -7,14 +8,6 @@ import DtagAcceptTransfer from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
jest.mock('@components', () => ({
Name: (props) => ,
@@ -33,11 +26,13 @@ describe('screen: TransactionDetails/DtagAcceptTransfer', () => {
newDtag: 'newDtag',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/profiles/dtag_accept_transfer/index.tsx b/src/components/msg/profiles/dtag_accept_transfer/index.tsx
index 67177fc751..cf46e1e58f 100644
--- a/src/components/msg/profiles/dtag_accept_transfer/index.tsx
+++ b/src/components/msg/profiles/dtag_accept_transfer/index.tsx
@@ -3,20 +3,19 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgDtagAcceptTransfer } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const DtagAcceptTransfer = (props: {
message: MsgDtagAcceptTransfer;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const sender = findAddress(message.sender);
- const senderMoniker = sender ? sender?.moniker : message
+ const sender = useProfileRecoil(message.sender);
+ const senderMoniker = sender ? sender?.name : message
.sender;
- const receiver = findAddress(message.receiver);
- const receiverMoniker = receiver ? receiver?.moniker : message
+ const receiver = useProfileRecoil(message.receiver);
+ const receiverMoniker = receiver ? receiver?.name : message
.receiver;
return (
diff --git a/src/components/msg/profiles/dtag_cancel_transfer/index.test.tsx b/src/components/msg/profiles/dtag_cancel_transfer/index.test.tsx
index d68a25ce5b..2c91db6b0b 100644
--- a/src/components/msg/profiles/dtag_cancel_transfer/index.test.tsx
+++ b/src/components/msg/profiles/dtag_cancel_transfer/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgDtagCancelTransfer } from '@models';
@@ -7,15 +8,6 @@ import DtagCancelTransfer from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -32,11 +24,13 @@ describe('screen: TransactionDetails/MsgDtagCancelTransfer', () => {
receiver: 'receiver',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/profiles/dtag_cancel_transfer/index.tsx b/src/components/msg/profiles/dtag_cancel_transfer/index.tsx
index 1f9fa96ef8..4b199c4801 100644
--- a/src/components/msg/profiles/dtag_cancel_transfer/index.tsx
+++ b/src/components/msg/profiles/dtag_cancel_transfer/index.tsx
@@ -3,20 +3,19 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgDtagCancelTransfer } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const DtagCancelTransfer = (props: {
message: MsgDtagCancelTransfer;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const sender = findAddress(message.sender);
- const senderMoniker = sender ? sender?.moniker : message
+ const sender = useProfileRecoil(message.sender);
+ const senderMoniker = sender ? sender?.name : message
.sender;
- const receiver = findAddress(message.receiver);
- const receiverMoniker = receiver ? receiver?.moniker : message
+ const receiver = useProfileRecoil(message.receiver);
+ const receiverMoniker = receiver ? receiver?.name : message
.receiver;
return (
diff --git a/src/components/msg/profiles/dtag_refuse_transfer/index.test.tsx b/src/components/msg/profiles/dtag_refuse_transfer/index.test.tsx
index 8b038c5553..83ed228a79 100644
--- a/src/components/msg/profiles/dtag_refuse_transfer/index.test.tsx
+++ b/src/components/msg/profiles/dtag_refuse_transfer/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgDtagRefuseTransfer } from '@models';
@@ -7,15 +8,6 @@ import DtagRefuseTransfer from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -32,11 +24,13 @@ describe('screen: TransactionDetails/MsgDtagCancelTransfer', () => {
receiver: 'receiver',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/profiles/dtag_refuse_transfer/index.tsx b/src/components/msg/profiles/dtag_refuse_transfer/index.tsx
index be616afb5d..86529e8521 100644
--- a/src/components/msg/profiles/dtag_refuse_transfer/index.tsx
+++ b/src/components/msg/profiles/dtag_refuse_transfer/index.tsx
@@ -3,20 +3,19 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgDtagRefuseTransfer } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const DtagRefuseTransfer = (props: {
message: MsgDtagRefuseTransfer;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const sender = findAddress(message.sender);
- const senderMoniker = sender ? sender?.moniker : message
+ const sender = useProfileRecoil(message.sender);
+ const senderMoniker = sender ? sender?.name : message
.sender;
- const receiver = findAddress(message.receiver);
- const receiverMoniker = receiver ? receiver?.moniker : message
+ const receiver = useProfileRecoil(message.receiver);
+ const receiverMoniker = receiver ? receiver?.name : message
.receiver;
return (
diff --git a/src/components/msg/profiles/dtag_transfer_request/index.test.tsx b/src/components/msg/profiles/dtag_transfer_request/index.test.tsx
index 833451edbc..8fddbfb7e3 100644
--- a/src/components/msg/profiles/dtag_transfer_request/index.test.tsx
+++ b/src/components/msg/profiles/dtag_transfer_request/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgDtagTransferRequest } from '@models';
@@ -7,14 +8,6 @@ import DtagTransferRequest from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
jest.mock('@components', () => ({
Name: (props) => ,
@@ -32,11 +25,13 @@ describe('screen: TransactionDetails/DtagTransferRequest', () => {
receiver: 'receiver',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/profiles/dtag_transfer_request/index.tsx b/src/components/msg/profiles/dtag_transfer_request/index.tsx
index 0c584f59b9..e6ae91172f 100644
--- a/src/components/msg/profiles/dtag_transfer_request/index.tsx
+++ b/src/components/msg/profiles/dtag_transfer_request/index.tsx
@@ -3,20 +3,19 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgDtagTransferRequest } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const DtagTransferRequest = (props: {
message: MsgDtagTransferRequest;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const sender = findAddress(message.sender);
- const senderMoniker = sender ? sender?.moniker : message
+ const sender = useProfileRecoil(message.sender);
+ const senderMoniker = sender ? sender?.name : message
.sender;
- const receiver = findAddress(message.receiver);
- const receiverMoniker = receiver ? receiver?.moniker : message
+ const receiver = useProfileRecoil(message.receiver);
+ const receiverMoniker = receiver ? receiver?.name : message
.receiver;
return (
diff --git a/src/components/msg/profiles/save_profile/index.test.tsx b/src/components/msg/profiles/save_profile/index.test.tsx
index 61774d8a8f..2da91ee955 100644
--- a/src/components/msg/profiles/save_profile/index.test.tsx
+++ b/src/components/msg/profiles/save_profile/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgSaveProfile } from '@models';
@@ -7,15 +8,6 @@ import SaveProfile from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -31,11 +23,13 @@ describe('screen: TransactionDetails/SaveProfile', () => {
creator: 'creator',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/profiles/save_profile/index.tsx b/src/components/msg/profiles/save_profile/index.tsx
index eedec1236a..8c2d2e579b 100644
--- a/src/components/msg/profiles/save_profile/index.tsx
+++ b/src/components/msg/profiles/save_profile/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgSaveProfile } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const SaveProfile = (props: {
message: MsgSaveProfile;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const creator = findAddress(message.creator);
- const creatorMoniker = creator ? creator?.moniker : message
+ const creator = useProfileRecoil(message.creator);
+ const creatorMoniker = creator ? creator?.name : message
.creator;
return (
diff --git a/src/components/msg/profiles/unblock_user/index.test.tsx b/src/components/msg/profiles/unblock_user/index.test.tsx
index cfb641e545..55039e7952 100644
--- a/src/components/msg/profiles/unblock_user/index.test.tsx
+++ b/src/components/msg/profiles/unblock_user/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgUnblockUser } from '@models';
@@ -7,15 +8,6 @@ import UnBlockUser from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -34,11 +26,13 @@ describe('screen: TransactionDetails/UnBlockUser', () => {
subspace: 'subspace',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/profiles/unblock_user/index.tsx b/src/components/msg/profiles/unblock_user/index.tsx
index 0d36f1bc6a..50499c717e 100644
--- a/src/components/msg/profiles/unblock_user/index.tsx
+++ b/src/components/msg/profiles/unblock_user/index.tsx
@@ -3,20 +3,19 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgUnblockUser } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const UnBlockUser = (props: {
message: MsgUnblockUser;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const blocker = findAddress(message.blocker);
- const blockerMoniker = blocker ? blocker?.moniker : message
+ const blocker = useProfileRecoil(message.blocker);
+ const blockerMoniker = blocker ? blocker?.name : message
.blocker;
- const blocked = findAddress(message.blocked);
- const blockedMoniker = blocked ? blocked?.moniker : message
+ const blocked = useProfileRecoil(message.blocked);
+ const blockedMoniker = blocked ? blocked?.name : message
.blocked;
return (
diff --git a/src/components/msg/slashing/unjail/index.test.tsx b/src/components/msg/slashing/unjail/index.test.tsx
index 6a6443ccad..de3cb82e16 100644
--- a/src/components/msg/slashing/unjail/index.test.tsx
+++ b/src/components/msg/slashing/unjail/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgUnjail } from '@models';
@@ -7,15 +8,6 @@ import Unjail from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -31,11 +23,13 @@ describe('screen: TransactionDetails/UnBlockUser', () => {
validatorAddress: 'validatorAddress',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/slashing/unjail/index.tsx b/src/components/msg/slashing/unjail/index.tsx
index 8eb7db83bb..cfc4ac7625 100644
--- a/src/components/msg/slashing/unjail/index.tsx
+++ b/src/components/msg/slashing/unjail/index.tsx
@@ -3,15 +3,14 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgUnjail } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Unjail = (props: {
message: MsgUnjail;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const validator = findAddress(message.validatorAddress);
- const validatorMoniker = validator ? validator?.moniker : message.validatorAddress;
+ const validator = useProfileRecoil(message.validatorAddress);
+ const validatorMoniker = validator ? validator?.name : message.validatorAddress;
return (
diff --git a/src/components/msg/staking/create_validator/index.test.tsx b/src/components/msg/staking/create_validator/index.test.tsx
index 43b2b863a2..95a93b4bc3 100644
--- a/src/components/msg/staking/create_validator/index.test.tsx
+++ b/src/components/msg/staking/create_validator/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgCreateValidator } from '@models';
@@ -7,15 +8,6 @@ import CreateValidator from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -53,11 +45,13 @@ describe('screen: TransactionDetails/CreateValidator', () => {
},
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/staking/create_validator/index.tsx b/src/components/msg/staking/create_validator/index.tsx
index d7f2fb4584..ba7572eede 100644
--- a/src/components/msg/staking/create_validator/index.tsx
+++ b/src/components/msg/staking/create_validator/index.tsx
@@ -3,16 +3,15 @@ import Trans from 'next-translate/Trans';
import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgCreateValidator } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const CreateValidator = (props: {
message: MsgCreateValidator;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const delegator = findAddress(message.delegatorAddress);
- const delegatorMoniker = delegator ? delegator?.moniker : message
+ const delegator = useProfileRecoil(message.delegatorAddress);
+ const delegatorMoniker = delegator ? delegator?.name : message
.delegatorAddress;
return (
diff --git a/src/components/msg/staking/delegate/index.test.tsx b/src/components/msg/staking/delegate/index.test.tsx
index 0c0c1327d5..c6007a2a92 100644
--- a/src/components/msg/staking/delegate/index.test.tsx
+++ b/src/components/msg/staking/delegate/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgDelegate } from '@models';
@@ -7,15 +8,6 @@ import Delegate from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -36,11 +28,13 @@ describe('screen: TransactionDetails/MsgDelegate', () => {
},
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/staking/delegate/index.tsx b/src/components/msg/staking/delegate/index.tsx
index fac20db1f3..b707025a37 100644
--- a/src/components/msg/staking/delegate/index.tsx
+++ b/src/components/msg/staking/delegate/index.tsx
@@ -5,18 +5,17 @@ import { Typography } from '@material-ui/core';
import { formatDenom } from '@utils/format_denom';
import { Name } from '@components';
import { MsgDelegate } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Delegate = (props: {
message: MsgDelegate;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const delegator = findAddress(message.delegatorAddress);
- const delegatorMoniker = delegator ? delegator?.moniker : message.delegatorAddress;
+ const delegator = useProfileRecoil(message.delegatorAddress);
+ const delegatorMoniker = delegator ? delegator?.name : message.delegatorAddress;
- const validator = findAddress(message.validatorAddress);
- const validatorMoniker = validator ? validator?.moniker : message
+ const validator = useProfileRecoil(message.validatorAddress);
+ const validatorMoniker = validator ? validator?.name : message
.validatorAddress;
const amount = formatDenom(message.amount.amount, message.amount.denom);
diff --git a/src/components/msg/staking/edit_validator/index.test.tsx b/src/components/msg/staking/edit_validator/index.test.tsx
index a091d5c4fd..caabf61ac1 100644
--- a/src/components/msg/staking/edit_validator/index.test.tsx
+++ b/src/components/msg/staking/edit_validator/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgEditValidator } from '@models';
@@ -7,15 +8,6 @@ import EditValidator from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -40,11 +32,13 @@ describe('screen: TransactionDetails/EditValidator', () => {
minSelfDelegation: '0.1',
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/staking/edit_validator/index.tsx b/src/components/msg/staking/edit_validator/index.tsx
index c0f5383915..90f640208f 100644
--- a/src/components/msg/staking/edit_validator/index.tsx
+++ b/src/components/msg/staking/edit_validator/index.tsx
@@ -4,16 +4,15 @@ import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { MsgEditValidator } from '@models';
import { VALIDATOR_DETAILS } from '@utils/go_to_page';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const EditValidator = (props: {
message: MsgEditValidator;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
- const validator = findAddress(message.validatorAddress);
- const validatorMoniker = validator ? validator?.moniker : message
+ const validator = useProfileRecoil(message.validatorAddress);
+ const validatorMoniker = validator ? validator?.name : message
.validatorAddress;
return (
diff --git a/src/components/msg/staking/redelegate/index.test.tsx b/src/components/msg/staking/redelegate/index.test.tsx
index bd77a37650..a1411d9cee 100644
--- a/src/components/msg/staking/redelegate/index.test.tsx
+++ b/src/components/msg/staking/redelegate/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgRedelegate } from '@models';
@@ -7,15 +8,6 @@ import Redelegate from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -37,11 +29,13 @@ describe('screen: TransactionDetails/Redelegate', () => {
},
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/staking/redelegate/index.tsx b/src/components/msg/staking/redelegate/index.tsx
index 1a9cd10bbf..ebaf8b72d6 100644
--- a/src/components/msg/staking/redelegate/index.tsx
+++ b/src/components/msg/staking/redelegate/index.tsx
@@ -5,26 +5,25 @@ import { Typography } from '@material-ui/core';
import { Name } from '@components';
import { formatDenom } from '@utils/format_denom';
import { MsgRedelegate } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Redelegate = (props: {
message: MsgRedelegate;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
const amount = formatDenom(message.amount.amount, message.amount.denom);
const parsedAmount = `${numeral(amount.value).format(amount.format)} ${amount.denom.toUpperCase()}`;
- const delegator = findAddress(message.delegatorAddress);
- const delegatorMoniker = delegator ? delegator?.moniker : message
+ const delegator = useProfileRecoil(message.delegatorAddress);
+ const delegatorMoniker = delegator ? delegator?.name : message
.delegatorAddress;
- const from = findAddress(message.validatorSrcAddress);
- const fromMoniker = from ? from?.moniker : message
+ const from = useProfileRecoil(message.validatorSrcAddress);
+ const fromMoniker = from ? from?.name : message
.validatorSrcAddress;
- const to = findAddress(message.validatorDstAddress);
- const toMoniker = to ? to?.moniker : message
+ const to = useProfileRecoil(message.validatorDstAddress);
+ const toMoniker = to ? to?.name : message
.validatorDstAddress;
return (
diff --git a/src/components/msg/staking/undelegate/index.test.tsx b/src/components/msg/staking/undelegate/index.test.tsx
index 7602f3e4ab..6c02f87da4 100644
--- a/src/components/msg/staking/undelegate/index.test.tsx
+++ b/src/components/msg/staking/undelegate/index.test.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import { RecoilRoot } from 'recoil';
import renderer from 'react-test-renderer';
import { MockTheme } from '@tests/utils';
import { MsgUndelegate } from '@models';
@@ -7,15 +8,6 @@ import Undelegate from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
@@ -36,11 +28,13 @@ describe('screen: TransactionDetails/Undelegate', () => {
},
});
const component = renderer.create(
-
-
- ,
+
+
+
+
+ ,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
diff --git a/src/components/msg/staking/undelegate/index.tsx b/src/components/msg/staking/undelegate/index.tsx
index d264fcaf67..e8c20b71c1 100644
--- a/src/components/msg/staking/undelegate/index.tsx
+++ b/src/components/msg/staking/undelegate/index.tsx
@@ -5,22 +5,21 @@ import { Typography } from '@material-ui/core';
import { formatDenom } from '@utils/format_denom';
import { Name } from '@components';
import { MsgUndelegate } from '@models';
-import { useChainContext } from '@contexts';
+import { useProfileRecoil } from '@recoil/profiles';
const Undelegate = (props: {
message: MsgUndelegate;
}) => {
- const { findAddress } = useChainContext();
const { message } = props;
const amount = formatDenom(message.amount.amount, message.amount.denom);
const parsedAmount = `${numeral(amount.value).format(amount.format)} ${amount.denom.toUpperCase()}`;
- const delegator = findAddress(message.delegatorAddress);
- const delegatorMoniker = delegator ? delegator?.moniker : message
+ const delegator = useProfileRecoil(message.delegatorAddress);
+ const delegatorMoniker = delegator ? delegator?.name : message
.delegatorAddress;
- const validator = findAddress(message.validatorAddress);
- const validatorMoniker = validator ? validator?.moniker : message
+ const validator = useProfileRecoil(message.validatorAddress);
+ const validatorMoniker = validator ? validator?.name : message
.validatorAddress;
return (
diff --git a/src/components/msg/unknown/index.test.tsx b/src/components/msg/unknown/index.test.tsx
index 2d7815c544..ca8ece945f 100644
--- a/src/components/msg/unknown/index.test.tsx
+++ b/src/components/msg/unknown/index.test.tsx
@@ -7,15 +7,6 @@ import Unknown from '.';
// ==================================
// mocks
// ==================================
-jest.mock('@contexts', () => ({
- useChainContext: () => ({
- findAddress: jest.fn(() => ({
- moniker: 'moniker',
- imageUrl: null,
- })),
- }),
-}));
-
jest.mock('@components', () => ({
Name: (props) => ,
}));
diff --git a/src/components/nav/components/desktop/__snapshots__/index.test.tsx.snap b/src/components/nav/components/desktop/__snapshots__/index.test.tsx.snap
index 23b1022f74..b29df8a27d 100644
--- a/src/components/nav/components/desktop/__snapshots__/index.test.tsx.snap
+++ b/src/components/nav/components/desktop/__snapshots__/index.test.tsx.snap
@@ -25,9 +25,8 @@ exports[`screen: Nav/Desktop hook toggles correctly 1`] = `
-
@@ -64,9 +63,8 @@ exports[`screen: Nav/Desktop it renders 1`] = `
-
diff --git a/src/components/nav/components/desktop/components/action_bar/components/network/__snapshots__/index.test.tsx.snap b/src/components/nav/components/desktop/components/action_bar/components/network/__snapshots__/index.test.tsx.snap
index 6e83884ac8..41c0445f24 100644
--- a/src/components/nav/components/desktop/components/action_bar/components/network/__snapshots__/index.test.tsx.snap
+++ b/src/components/nav/components/desktop/components/action_bar/components/network/__snapshots__/index.test.tsx.snap
@@ -14,7 +14,7 @@ exports[`screen: Nav/Network it renders 1`] = `
- selected
+ morpheus-apollo-1
+
-
@@ -285,6 +373,9 @@ Array [
params
@@ -296,9 +387,7 @@ Array [
onClick={[Function]}
role="button"
>
-
+ < />
@@ -322,9 +411,7 @@ Array [
-
+ < />
void) => {
const [currentLang, setLang] = useState(lang);
@@ -24,15 +31,17 @@ export const useLanguageDrawer = (lang: string, toggleNavMenus: () => void) => {
};
};
-export const useThemeDrawer = (theme: string, toggleNavMenus: () => void) => {
- const [currentTheme, setTheme] = useState(theme);
+export const useThemeDrawer = (toggleNavMenus: () => void) => {
+ const [theme, setTheme] = useRecoilState(writeTheme) as [Theme, SetterOrUpdater];
+
+ const [currentTheme, setCurrentTheme] = useState(theme);
const [drawerOpen, setDrawerOpen] = useState(false);
useEffect(() => {
if (theme !== currentTheme) {
setDrawerOpen(false);
toggleNavMenus();
- setTheme(theme);
+ setCurrentTheme(theme);
}
}, [theme]);
@@ -40,8 +49,14 @@ export const useThemeDrawer = (theme: string, toggleNavMenus: () => void) => {
setDrawerOpen(!drawerOpen);
};
+ const handleChangeTheme = (newTheme: Theme) => {
+ setTheme(newTheme);
+ };
+
return {
toggleDrawer,
drawerOpen,
+ theme,
+ handleChangeTheme,
};
};
diff --git a/src/components/nav/components/mobile/components/menu/index.test.tsx b/src/components/nav/components/mobile/components/menu/index.test.tsx
index fe2da3eda0..c8212d13d0 100644
--- a/src/components/nav/components/mobile/components/menu/index.test.tsx
+++ b/src/components/nav/components/mobile/components/menu/index.test.tsx
@@ -1,6 +1,9 @@
import React from 'react';
import renderer from 'react-test-renderer';
-import { MockTheme } from '@tests/utils';
+import { RecoilRoot } from 'recoil';
+import {
+ MockTheme, wait,
+} from '@tests/utils';
import Menu from '.';
// ==================================
// globals
@@ -30,14 +33,19 @@ jest.mock('next/router', () => ({
// unit tests
// ==================================
describe('screen: Nav/Menu', () => {
- beforeEach(() => {
- component = renderer.create(
-
-
- ,
- );
+ beforeEach(async () => {
+ renderer.act(() => {
+ component = renderer.create(
+
+
+
+
+ ,
+ );
+ });
+ await wait();
});
it('it renders', () => {
@@ -45,18 +53,20 @@ describe('screen: Nav/Menu', () => {
expect(tree).toMatchSnapshot();
});
- it('toggleDrawer is not called in first render', () => {
+ it('toggleDrawer is not called in first render', async () => {
expect(toggleNavMenus).toBeCalledTimes(0);
mockI18n.lang = 'zht';
component.update(
-
-
- ,
+
+
+
+
+ ,
);
-
+ await wait();
expect(toggleNavMenus).toBeCalledTimes(1);
});
diff --git a/src/components/nav/components/mobile/components/menu/index.tsx b/src/components/nav/components/mobile/components/menu/index.tsx
index 9ace6e57e1..839fe72bee 100644
--- a/src/components/nav/components/mobile/components/menu/index.tsx
+++ b/src/components/nav/components/mobile/components/menu/index.tsx
@@ -8,9 +8,9 @@ import {
} from '@material-ui/core';
import { useRouter } from 'next/router';
import useTranslation from 'next-translate/useTranslation';
-import { useSettingsContext } from '@contexts';
import Language from '@assets/icon-language.svg';
import ThemeIcon from '@assets/icon-theme.svg';
+import { THEME_LIST } from '@recoil/settings';
import {
ExpandMoreOutlined,
} from '@material-ui/icons';
@@ -27,20 +27,16 @@ const Menu = (props: MenuProps) => {
t,
lang,
} = useTranslation('common');
- const {
- theme,
- themeList,
- changeTheme,
- } = useSettingsContext();
const {
toggleNavMenus,
className,
} = props;
+
const classes = useStyles();
const languageOptions = useLanguageDrawer(lang, toggleNavMenus);
- const themeOptions = useThemeDrawer(theme, toggleNavMenus);
+ const themeOptions = useThemeDrawer(toggleNavMenus);
return (
<>
{/* ================================== */}
@@ -86,11 +82,11 @@ const Menu = (props: MenuProps) => {
>
{
- themeList
- .filter((l) => l !== theme)
+ THEME_LIST
+ .filter((l) => l !== themeOptions.theme)
.map((l) => (
-
@@ -126,7 +122,7 @@ const Menu = (props: MenuProps) => {
-
{t(theme)}
+
{t(themeOptions.theme)}