Cancel
Connect
diff --git a/ui/pages/institutional/custody/custody.js b/ui/pages/institutional/custody/custody.js
index 828eb3020..6c545411c 100644
--- a/ui/pages/institutional/custody/custody.js
+++ b/ui/pages/institutional/custody/custody.js
@@ -20,22 +20,22 @@ import {
IconSize,
BUTTON_SIZES,
BUTTON_VARIANT,
+ Box,
} from '../../../components/component-library';
import {
AlignItems,
- DISPLAY,
- FLEX_DIRECTION,
- FONT_WEIGHT,
+ Display,
+ FlexDirection,
+ FontWeight,
Color,
JustifyContent,
BorderRadius,
BorderColor,
- BLOCK_SIZES,
+ BlockSize,
TextColor,
- TEXT_ALIGN,
+ TextAlign,
TextVariant,
} from '../../../helpers/constants/design-system';
-import Box from '../../../components/ui/box';
import {
CUSTODY_ACCOUNT_DONE_ROUTE,
DEFAULT_ROUTE,
@@ -88,16 +88,15 @@ const CustodyPage = () => {
custodianItems.push(
-
+
{custodian.iconUrl && (
{
});
return custodianItems;
- }, [connectRequest, custodians, dispatch, selectedCustodianName]);
+ }, [
+ connectRequest,
+ custodians,
+ dispatch,
+ mmiActions,
+ selectedCustodianName,
+ t,
+ trackEvent,
+ ]);
const handleConnectError = useCallback(
(e) => {
@@ -322,13 +329,13 @@ const CustodyPage = () => {
return (
{connectError && (
-
+
{connectError}
)}
{selectError && (
-
+
{selectError}
)}
@@ -336,8 +343,8 @@ const CustodyPage = () => {
{!accounts && !selectedCustodianType ? (
{
size={IconSize.Sm}
color={Color.iconDefault}
onClick={() => history.push(DEFAULT_ROUTE)}
- display={DISPLAY.FLEX}
+ display={Display.Flex}
/>
-
+
{t('connectCustodialAccountTitle')}
{
{t('connectCustodialAccountMsg')}
-
+
) : null}
@@ -372,20 +374,28 @@ const CustodyPage = () => {
{!accounts && selectedCustodianType && (
<>
- cancelConnectCustodianToken()}
- display={[DISPLAY.FLEX]}
- />
+
+ cancelConnectCustodianToken()}
+ display={[Display.Flex]}
+ />
+ {t('back')}
+
-
+
{selectedCustodianImage && (
{
{selectedCustodianDisplayName}
-
+
{t('enterCustodianToken', [selectedCustodianDisplayName])}
-
+
{
onUrlChange={(url) => setApiUrl(url)}
/>
{
cancelConnectCustodianToken();
}}
+ block
>
{t('cancel')}
@@ -432,6 +443,7 @@ const CustodyPage = () => {
disabled={
!selectedCustodianName || (addNewTokenClicked && !currentJwt)
}
+ block
>
{t('connect')}
@@ -445,7 +457,7 @@ const CustodyPage = () => {
{t('selectAnAccount')}
@@ -454,8 +466,8 @@ const CustodyPage = () => {
@@ -561,7 +573,7 @@ const CustodyPage = () => {
>
@@ -571,7 +583,11 @@ const CustodyPage = () => {
{t('allCustodianAccountsConnectedSubtitle')}
-
+