@broxus/evm-connect 1.11.11 → 1.11.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.cjs.js +2 -2
- package/dist/index.esm.js +2 -2
- package/dist/style.min.css +1 -1
- package/lib/cjs/components/EvmConnectDialog/index.css +1 -1
- package/lib/cjs/components/EvmConnector/index.js +4 -4
- package/lib/cjs/components/EvmProvidersDispatcher/ProviderButton/index.js +5 -5
- package/lib/esm/components/EvmConnectDialog/index.css +1 -1
- package/lib/esm/components/EvmConnector/index.d.ts +1 -0
- package/lib/esm/components/EvmConnector/index.js +4 -4
- package/lib/esm/components/EvmProvidersDispatcher/ProviderButton/index.js +5 -5
- package/package.json +2 -2
package/dist/style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.evm-connect-modal>:not([class]){width:100%}.evm-connect-modal .uk-modal-content{background:var(--evm-connect-modal-content-background);border-radius:var(--evm-connect-modal-content-border-radius);box-shadow:var(--evm-connect-modal-content-box-shadow);color:var(--evm-connect-modal-content-color);padding:var(--evm-connect-modal-content-padding-vertical) var(--evm-connect-modal-content-padding-horizontal)}.evm-connect-modal .uk-modal-header{background:none;padding:0 var(--evm-connect-modal-header-padding-horizontal) var(--evm-connect-modal-header-padding-vertical)}.evm-connect-modal .uk-modal-title{color:var(--evm-connect-modal-title-color);font-size:var(--evm-connect-modal-title-font-size);font-weight:var(--evm-connect-modal-title-font-weight);line-height:var(--evm-connect-modal-title-line-height);text-align:center}.evm-connect-modal .uk-modal-body{padding:var(--evm-connect-modal-body-padding-vertical) var(--evm-connect-modal-body-padding-horizontal)}.evm-connect-modal .uk-modal-body:last-child{padding-bottom:0}.evm-connect-modal .uk-modal-footer{background:none;padding:var(--evm-connect-modal-footer-padding-vertical) var(--evm-connect-modal-footer-padding-horizontal) 0}.evm-connect-drawer .uk-drawer-content-wrapper{--drawer-height:auto}.evm-connect-drawer .uk-drawer-content{background:var(--evm-connect-drawer-content-background);border-radius:var(--evm-connect-drawer-content-border-radius) var(--evm-connect-drawer-content-border-radius) 0 0;box-shadow:none;color:var(--evm-connect-drawer-content-color);padding:var(--evm-connect-drawer-content-padding-vertical) var(--evm-connect-drawer-content-padding-horizontal)}.evm-connect-drawer .uk-drawer-header{padding:0 var(--evm-connect-drawer-header-padding-horizontal) var(--evm-connect-drawer-header-padding-vertical)}.evm-connect-drawer .uk-drawer-title{color:var(--evm-connect-drawer-title-color);font-size:var(--evm-connect-drawer-title-font-size);font-weight:var(--evm-connect-drawer-title-font-weight);line-height:var(--evm-connect-drawer-title-line-height);text-align:center}.evm-connect-drawer .uk-drawer-body{padding:var(--evm-connect-drawer-body-padding-vertical) var(--evm-connect-drawer-body-padding-horizontal)}.evm-connect-drawer .uk-drawer-body:last-child{padding-bottom:0}.evm-connect-drawer .uk-drawer-close,.evm-connect-drawer .uk-modal-close-default{color:var(--close-color,#a5a9b4)}.evm-connect-drawer .uk-drawer-close{--drawer-close-position:var(--modal-close-position,24px)}.evm-connect-drawer .uk-drawer-close:focus,.evm-connect-drawer .uk-drawer-close:hover,.evm-connect-modal .uk-modal-close-default:focus,.evm-connect-modal .uk-modal-close-default:hover{color:var(--close-hover-color,#383838)}.evm-modal-page{box-sizing:border-box;overflow-y:clip;padding-right:var(--global-scroll-width,17px)}.
|
|
1
|
+
.evm-connect-modal>:not([class]){width:100%}.evm-connect-modal .uk-modal-content{background:var(--evm-connect-modal-content-background);border-radius:var(--evm-connect-modal-content-border-radius);box-shadow:var(--evm-connect-modal-content-box-shadow);color:var(--evm-connect-modal-content-color);padding:var(--evm-connect-modal-content-padding-vertical) var(--evm-connect-modal-content-padding-horizontal)}.evm-connect-modal .uk-modal-header{background:none;padding:0 var(--evm-connect-modal-header-padding-horizontal) var(--evm-connect-modal-header-padding-vertical)}.evm-connect-modal .uk-modal-title{color:var(--evm-connect-modal-title-color);font-size:var(--evm-connect-modal-title-font-size);font-weight:var(--evm-connect-modal-title-font-weight);line-height:var(--evm-connect-modal-title-line-height);text-align:center}.evm-connect-modal .uk-modal-body{padding:var(--evm-connect-modal-body-padding-vertical) var(--evm-connect-modal-body-padding-horizontal)}.evm-connect-modal .uk-modal-body:last-child{padding-bottom:0}.evm-connect-modal .uk-modal-footer{background:none;padding:var(--evm-connect-modal-footer-padding-vertical) var(--evm-connect-modal-footer-padding-horizontal) 0}.evm-connect-drawer .uk-drawer-content-wrapper{--drawer-height:auto}.evm-connect-drawer .uk-drawer-content{background:var(--evm-connect-drawer-content-background);border-radius:var(--evm-connect-drawer-content-border-radius) var(--evm-connect-drawer-content-border-radius) 0 0;box-shadow:none;color:var(--evm-connect-drawer-content-color);padding:var(--evm-connect-drawer-content-padding-vertical) var(--evm-connect-drawer-content-padding-horizontal)}.evm-connect-drawer .uk-drawer-header{padding:0 var(--evm-connect-drawer-header-padding-horizontal) var(--evm-connect-drawer-header-padding-vertical)}.evm-connect-drawer .uk-drawer-title{color:var(--evm-connect-drawer-title-color);font-size:var(--evm-connect-drawer-title-font-size);font-weight:var(--evm-connect-drawer-title-font-weight);line-height:var(--evm-connect-drawer-title-line-height);text-align:center}.evm-connect-drawer .uk-drawer-body{padding:var(--evm-connect-drawer-body-padding-vertical) var(--evm-connect-drawer-body-padding-horizontal)}.evm-connect-drawer .uk-drawer-body:last-child{padding-bottom:0}.evm-connect-drawer .uk-drawer-close,.evm-connect-drawer .uk-modal-close-default{color:var(--close-color,#a5a9b4)}.evm-connect-drawer .uk-drawer-close{--drawer-close-position:var(--modal-close-position,24px)}.evm-connect-drawer .uk-drawer-close:focus,.evm-connect-drawer .uk-drawer-close:hover,.evm-connect-modal .uk-modal-close-default:focus,.evm-connect-modal .uk-modal-close-default:hover{color:var(--close-hover-color,#383838)}.evm-modal-page{box-sizing:border-box;overflow-y:clip;padding-right:var(--global-scroll-width,17px)}.evm-modal-page body{overflow:hidden;overflow:clip;width:100%}.wcm-overlay{--wcm-z-index:calc(var(--modal-z-index) + 20)}:root{--evm-connect-modal-content-background:var(--modal-content-background,#fff);--evm-connect-modal-content-border-radius:12px;--evm-connect-modal-content-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--evm-connect-modal-content-color:var(--base-body-color,#383838);--evm-connect-modal-content-padding-horizontal:18px;--evm-connect-modal-content-padding-vertical:var(--evm-connect-modal-content-padding-horizontal);--evm-connect-modal-header-padding-horizontal:0;--evm-connect-modal-header-padding-vertical:var(--evm-connect-modal-content-padding-vertical);--evm-connect-modal-title-color:var(--base-heading-color,#383838);--evm-connect-modal-title-font-size:var(--modal-title-font-size,18px);--evm-connect-modal-title-font-weight:500;--evm-connect-modal-title-line-height:var(--modal-title-line-height,22px);--evm-connect-modal-body-padding-horizontal:0;--evm-connect-modal-body-padding-vertical:var(--evm-connect-modal-content-padding-vertical);--evm-connect-modal-footer-padding-horizontal:0;--evm-connect-modal-footer-padding-vertical:var(--evm-connect-modal-content-padding-vertical);--evm-connect-drawer-content-background:var(--drawer-content-background,#fff);--evm-connect-drawer-content-border-radius:16px;--evm-connect-drawer-content-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--evm-connect-drawer-content-color:var(--base-body-color,#383838);--evm-connect-drawer-content-padding-horizontal:24px;--evm-connect-drawer-content-padding-vertical:var(--evm-connect-drawer-content-padding-horizontal);--evm-connect-drawer-header-padding-horizontal:0;--evm-connect-drawer-header-padding-vertical:var(--evm-connect-drawer-content-padding-vertical);--evm-connect-drawer-title-color:var(--base-heading-color,#383838);--evm-connect-drawer-title-font-size:var(--drawer-title-font-size,24px);--evm-connect-drawer-title-font-weight:500;--evm-connect-drawer-title-line-height:var(--drawer-title-line-height,28px);--evm-connect-drawer-body-padding-horizontal:0;--evm-connect-drawer-body-padding-vertical:var(--evm-connect-drawer-content-padding-vertical);--evm-connect-drawer-footer-padding-horizontal:0;--evm-connect-drawer-footer-padding-vertical:var(--evm-connect-drawer-content-padding-vertical)}.evm-connect-connector{display:inline-flex;max-width:max-content}.evm-connect-connector .evm-connect-connector-icon{background-color:var(--global-muted-background);border-radius:50%;box-sizing:border-box;height:32px;min-width:32px;width:32px}.evm-connect-connector .evm-connect-connector-suffix{position:relative}.evm-connect-connector .evm-connect-dropdown-trigger{align-items:center;cursor:pointer;display:flex;height:100%;padding:var(--evm-connect-dropdown-trigger-vertical-padding) var(--evm-connect-dropdown-trigger-horizontal-padding)}.evm-connect-dropdown{background:var(--evm-connect-dropdown-background);border-radius:var(--evm-connect-dropdown-border-radius);box-shadow:var(--evm-connect-dropdown-box-shadow);color:var(--evm-connect-dropdown-color)}.evm-connect-dropdown .uk-button.uk-button-link{color:var(--evm-connect-dropdown-link-color)}:root{--evm-connect-dropdown-trigger-horizontal-padding:var(--global-small-gutter,8px);--evm-connect-dropdown-trigger-vertical-padding:0;--evm-connect-dropdown-background:var(--dropdown-background,#fff);--evm-connect-dropdown-border-radius:var(--dropdown-border-radius,5px);--evm-connect-dropdown-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--evm-connect-dropdown-color:var(--dropdown-color,#333);--evm-connect-dropdown-link-color:var(--dropdown-color,#0af)}.evm-connect-connection-request .evm-connect-connection-request-back-button{color:var(--close-color,#333);left:var(--modal-close-position);position:absolute;top:var(--modal-close-position)}.evm-connect-connection-request .evm-connect-connection-request-back-button:focus,.evm-connect-connection-request .evm-connect-connection-request-back-button:hover{color:var(--close-hover-color,#5e5e5e)}.evm-connect-connection-request .evm-connect-connection-request-title{color:var(--base-body-color,#333);font-weight:600;margin-bottom:var(--global-small-margin,10px)}.evm-connect-connection-request .evm-connect-connection-request-button{background-color:rgba(0,0,0,.12);border:var(--evm-connect-connection-request-button-border-width) var(--evm-connect-connection-request-button-border-style) var(--evm-connect-connection-request-button-border);border-radius:8px;box-sizing:border-box;color:var(--base-body-color,#383838);line-height:var(--button-line-height,32px)}.evm-connect-connection-request .evm-connect-connection-request-button:focus,.evm-connect-connection-request .evm-connect-connection-request-button:hover{background-color:rgba(0,0,0,.16);border-color:var(--evm-connect-provider-button-hover-border);color:var(--base-body-color,#383838)}:root{--evm-connect-connection-request-button-border-width:2px;--evm-connect-connection-request-button-border-style:solid;--evm-connect-connection-request-button-border:transparent;--evm-connect-connection-request-button-hover-border:var(--global-border,transparent)}.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button{align-content:center;align-items:center;background-color:rgb(0 0 0/8%);border:var(--evm-connect-provider-button-border-width) var(--evm-connect-provider-button-border-style) var(--evm-connect-provider-button-border);border-radius:8px;box-sizing:border-box;color:var(--base-body-color,#383838);display:grid;gap:16px;grid-auto-rows:max-content;grid-template-columns:30px minmax(50%,100%) auto;line-height:normal;min-height:65px;padding:0 20px;text-align:left;width:100%}.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button:focus:not(:disabled),.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button:hover:not(:disabled){background-color:rgba(0,0,0,.12);border-color:var(--evm-connect-provider-button-hover-border);color:var(--base-body-color,#383838)}.evm-connect-providers-list .evm-connect-provider-title{color:var(--base-body-color,#383838);font-size:18px;font-weight:500}.evm-connect-providers-list .evm-connect-provider-subtitle{max-width:100%;opacity:.8}.evm-connect-providers-list .evm-connect-provider-connected,.evm-connect-providers-list .evm-connect-provider-recent{background:var(--evm-connect-modal-content-background);border-radius:3px;color:var(--global-muted-color,#383838);display:inline-block;font-size:12px;justify-self:flex-end;padding:1px 5px}:root{--evm-connect-provider-button-border-width:2px;--evm-connect-provider-button-border-style:solid;--evm-connect-provider-button-border:transparent;--evm-connect-provider-button-hover-border:var(--global-primary-border,transparent)}.evm-connect-providers-dispatcher{backface-visibility:hidden;display:flex;flex-direction:column;height:inherit;overflow:hidden;transition:height var(--transition-fast-duration,"100ms") var(--ease-in);width:inherit}.evm-connect-providers-list{margin:0}
|
|
@@ -54,7 +54,7 @@ exports.EvmConnector = (0, mobx_react_lite_1.observer)((props) => {
|
|
|
54
54
|
const walletService = (0, context_1.useEvmWalletService)();
|
|
55
55
|
const [, setRecentMeta] = (0, hooks_1.useRecentConnectionMeta)();
|
|
56
56
|
const drop = React.useRef(null);
|
|
57
|
-
const { changeWalletButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_CHANGE_WALLET_BTN_TEXT), className, connectButtonShape, connectButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_CONNECT_BTN_TEXT), connectButtonTrigger, connectButtonType, disconnectButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_DISCONNECT_BTN_TEXT), network, popupType, suffix, showDropMenu = true, showSubIcon = true, standalone = walletService.providers?.length === 1, } = props;
|
|
57
|
+
const { changeWalletButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_CHANGE_WALLET_BTN_TEXT), className, connectButtonShape, connectButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_CONNECT_BTN_TEXT), connectButtonTrigger, connectButtonType, disconnectButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_DISCONNECT_BTN_TEXT), network, popupType, suffix, showDropMenu = true, showSubIcon = true, standalone = walletService.providers?.length === 1, warnUnsupportedNetwork = true, } = props;
|
|
58
58
|
const changeWallet = () => {
|
|
59
59
|
drop.current?.close();
|
|
60
60
|
};
|
|
@@ -70,7 +70,7 @@ exports.EvmConnector = (0, mobx_react_lite_1.observer)((props) => {
|
|
|
70
70
|
};
|
|
71
71
|
const isDisconnected = !walletService.isConnected || walletService.address === undefined;
|
|
72
72
|
let subTitle = intl.formatMessage(intl_1.default.EVM_CONNECT_NOT_CONNECTED_HINT);
|
|
73
|
-
if (walletService.isUnsupportedNetwork && !isDisconnected) {
|
|
73
|
+
if (walletService.isUnsupportedNetwork && !isDisconnected && warnUnsupportedNetwork) {
|
|
74
74
|
subTitle = (React.createElement(react_uikit_1.Text, { color: "danger" }, intl.formatMessage(intl_1.default.EVM_CONNECT_UNSUPPORTED_NETWORK_WARNING)));
|
|
75
75
|
}
|
|
76
76
|
else if (walletService.isSyncing) {
|
|
@@ -79,7 +79,7 @@ exports.EvmConnector = (0, mobx_react_lite_1.observer)((props) => {
|
|
|
79
79
|
else if (walletService.isReady) {
|
|
80
80
|
subTitle = `${(0, js_utils_1.formattedTokenAmount)(walletService.balance, walletService.currency.decimals)} ${walletService.currency.symbol}`;
|
|
81
81
|
}
|
|
82
|
-
let networkIcon = React.createElement("div", { className: "
|
|
82
|
+
let networkIcon = React.createElement("div", { className: "evm-connect-connector-icon" }), providerIcon;
|
|
83
83
|
if (network?.icon) {
|
|
84
84
|
networkIcon = React.createElement(react_components_1.TokenIcon, { iconUrl: network.icon, size: 32 });
|
|
85
85
|
}
|
|
@@ -89,7 +89,7 @@ exports.EvmConnector = (0, mobx_react_lite_1.observer)((props) => {
|
|
|
89
89
|
if (walletService.providerInfo?.icon) {
|
|
90
90
|
providerIcon = React.createElement(react_components_1.TokenIcon, { iconUrl: walletService.providerInfo.icon, size: 16 });
|
|
91
91
|
}
|
|
92
|
-
if (walletService.isUnsupportedNetwork && !isDisconnected) {
|
|
92
|
+
if (walletService.isUnsupportedNetwork && !isDisconnected && warnUnsupportedNetwork) {
|
|
93
93
|
networkIcon = React.createElement(react_components_1.Icon, { icon: "danger", ratio: 1.6 });
|
|
94
94
|
}
|
|
95
95
|
const networkName = network?.shortName ?? walletService.network?.shortName;
|
|
@@ -87,13 +87,13 @@ exports.ProviderButton = (0, mobx_react_lite_1.observer)((props) => {
|
|
|
87
87
|
if (!hasProvider) {
|
|
88
88
|
const [platform = 'UNKNOWN', uri] = (0, utils_1.getEvmProviderPlatformLink)({ ...providerConfig.info.links }) ?? [];
|
|
89
89
|
if (!uri && homepage) {
|
|
90
|
-
return (React.createElement(react_uikit_1.Button, { className: "
|
|
91
|
-
React.createElement("span", { className: "
|
|
92
|
-
React.createElement("span", { className: "
|
|
90
|
+
return (React.createElement(react_uikit_1.Button, { className: "evm-connect-provider-button", href: homepage, rel: "noopener noreferrer", target: "_blank" },
|
|
91
|
+
React.createElement("span", { className: "evm-connect-provider-icon" }, typeof providerConfig.info.icon === 'string' ? (React.createElement(react_components_1.TokenIcon, { iconUrl: providerConfig.info.icon, size: 28 })) : providerConfig.info.icon),
|
|
92
|
+
React.createElement("span", { className: "evm-connect-provider-title" },
|
|
93
93
|
intl.formatMessage(intl_1.default.EVM_CONNECT_PROVIDER_HOMEPAGE, {
|
|
94
94
|
providerName: providerConfig.info.name ?? '',
|
|
95
95
|
}),
|
|
96
|
-
React.createElement(react_uikit_1.Text, { className: "
|
|
96
|
+
React.createElement(react_uikit_1.Text, { className: "evm-connect-provider-subtitle", color: "muted", component: "div", size: "small", wrap: "truncate" }, intl.formatMessage(intl_1.default.EVM_CONNECT_PROVIDER_HOMEPAGE_NOTE)))));
|
|
97
97
|
}
|
|
98
98
|
let text;
|
|
99
99
|
try {
|
|
@@ -108,7 +108,7 @@ exports.ProviderButton = (0, mobx_react_lite_1.observer)((props) => {
|
|
|
108
108
|
intl.formatMessage(intl_1.default.EVM_CONNECT_INSTALL_PROVIDER, {
|
|
109
109
|
providerName: providerConfig.info.name ?? '',
|
|
110
110
|
}),
|
|
111
|
-
React.createElement(react_uikit_1.Text, { className: "
|
|
111
|
+
React.createElement(react_uikit_1.Text, { className: "evm-connect-provider-subtitle", color: "muted", component: "div", size: "small", wrap: "truncate" }, text))));
|
|
112
112
|
}
|
|
113
113
|
const isConnected = walletService.isConnected && walletService.providerId === providerConfig.id;
|
|
114
114
|
const isConnecting = walletService.isConnecting && walletProviders.connectingProvider?.id === providerConfig.id;
|
|
@@ -19,6 +19,7 @@ export interface EvmConnectorProps {
|
|
|
19
19
|
showDropMenu?: boolean;
|
|
20
20
|
showSubIcon?: boolean;
|
|
21
21
|
standalone?: boolean;
|
|
22
|
+
warnUnsupportedNetwork?: boolean;
|
|
22
23
|
}
|
|
23
24
|
export declare const EvmConnector: ((props: EvmConnectorProps) => React.JSX.Element) & {
|
|
24
25
|
displayName: string;
|
|
@@ -15,7 +15,7 @@ export const EvmConnector = observer((props) => {
|
|
|
15
15
|
const walletService = useEvmWalletService();
|
|
16
16
|
const [, setRecentMeta] = useRecentConnectionMeta();
|
|
17
17
|
const drop = React.useRef(null);
|
|
18
|
-
const { changeWalletButtonText = intl.formatMessage(messages.EVM_CONNECT_CHANGE_WALLET_BTN_TEXT), className, connectButtonShape, connectButtonText = intl.formatMessage(messages.EVM_CONNECT_CONNECT_BTN_TEXT), connectButtonTrigger, connectButtonType, disconnectButtonText = intl.formatMessage(messages.EVM_CONNECT_DISCONNECT_BTN_TEXT), network, popupType, suffix, showDropMenu = true, showSubIcon = true, standalone = walletService.providers?.length === 1, } = props;
|
|
18
|
+
const { changeWalletButtonText = intl.formatMessage(messages.EVM_CONNECT_CHANGE_WALLET_BTN_TEXT), className, connectButtonShape, connectButtonText = intl.formatMessage(messages.EVM_CONNECT_CONNECT_BTN_TEXT), connectButtonTrigger, connectButtonType, disconnectButtonText = intl.formatMessage(messages.EVM_CONNECT_DISCONNECT_BTN_TEXT), network, popupType, suffix, showDropMenu = true, showSubIcon = true, standalone = walletService.providers?.length === 1, warnUnsupportedNetwork = true, } = props;
|
|
19
19
|
const changeWallet = () => {
|
|
20
20
|
drop.current?.close();
|
|
21
21
|
};
|
|
@@ -31,7 +31,7 @@ export const EvmConnector = observer((props) => {
|
|
|
31
31
|
};
|
|
32
32
|
const isDisconnected = !walletService.isConnected || walletService.address === undefined;
|
|
33
33
|
let subTitle = intl.formatMessage(messages.EVM_CONNECT_NOT_CONNECTED_HINT);
|
|
34
|
-
if (walletService.isUnsupportedNetwork && !isDisconnected) {
|
|
34
|
+
if (walletService.isUnsupportedNetwork && !isDisconnected && warnUnsupportedNetwork) {
|
|
35
35
|
subTitle = (React.createElement(Text, { color: "danger" }, intl.formatMessage(messages.EVM_CONNECT_UNSUPPORTED_NETWORK_WARNING)));
|
|
36
36
|
}
|
|
37
37
|
else if (walletService.isSyncing) {
|
|
@@ -40,7 +40,7 @@ export const EvmConnector = observer((props) => {
|
|
|
40
40
|
else if (walletService.isReady) {
|
|
41
41
|
subTitle = `${formattedTokenAmount(walletService.balance, walletService.currency.decimals)} ${walletService.currency.symbol}`;
|
|
42
42
|
}
|
|
43
|
-
let networkIcon = React.createElement("div", { className: "
|
|
43
|
+
let networkIcon = React.createElement("div", { className: "evm-connect-connector-icon" }), providerIcon;
|
|
44
44
|
if (network?.icon) {
|
|
45
45
|
networkIcon = React.createElement(TokenIcon, { iconUrl: network.icon, size: 32 });
|
|
46
46
|
}
|
|
@@ -50,7 +50,7 @@ export const EvmConnector = observer((props) => {
|
|
|
50
50
|
if (walletService.providerInfo?.icon) {
|
|
51
51
|
providerIcon = React.createElement(TokenIcon, { iconUrl: walletService.providerInfo.icon, size: 16 });
|
|
52
52
|
}
|
|
53
|
-
if (walletService.isUnsupportedNetwork && !isDisconnected) {
|
|
53
|
+
if (walletService.isUnsupportedNetwork && !isDisconnected && warnUnsupportedNetwork) {
|
|
54
54
|
networkIcon = React.createElement(Icon, { icon: "danger", ratio: 1.6 });
|
|
55
55
|
}
|
|
56
56
|
const networkName = network?.shortName ?? walletService.network?.shortName;
|
|
@@ -48,13 +48,13 @@ export const ProviderButton = observer((props) => {
|
|
|
48
48
|
if (!hasProvider) {
|
|
49
49
|
const [platform = 'UNKNOWN', uri] = getEvmProviderPlatformLink({ ...providerConfig.info.links }) ?? [];
|
|
50
50
|
if (!uri && homepage) {
|
|
51
|
-
return (React.createElement(Button, { className: "
|
|
52
|
-
React.createElement("span", { className: "
|
|
53
|
-
React.createElement("span", { className: "
|
|
51
|
+
return (React.createElement(Button, { className: "evm-connect-provider-button", href: homepage, rel: "noopener noreferrer", target: "_blank" },
|
|
52
|
+
React.createElement("span", { className: "evm-connect-provider-icon" }, typeof providerConfig.info.icon === 'string' ? (React.createElement(TokenIcon, { iconUrl: providerConfig.info.icon, size: 28 })) : providerConfig.info.icon),
|
|
53
|
+
React.createElement("span", { className: "evm-connect-provider-title" },
|
|
54
54
|
intl.formatMessage(messages.EVM_CONNECT_PROVIDER_HOMEPAGE, {
|
|
55
55
|
providerName: providerConfig.info.name ?? '',
|
|
56
56
|
}),
|
|
57
|
-
React.createElement(Text, { className: "
|
|
57
|
+
React.createElement(Text, { className: "evm-connect-provider-subtitle", color: "muted", component: "div", size: "small", wrap: "truncate" }, intl.formatMessage(messages.EVM_CONNECT_PROVIDER_HOMEPAGE_NOTE)))));
|
|
58
58
|
}
|
|
59
59
|
let text;
|
|
60
60
|
try {
|
|
@@ -69,7 +69,7 @@ export const ProviderButton = observer((props) => {
|
|
|
69
69
|
intl.formatMessage(messages.EVM_CONNECT_INSTALL_PROVIDER, {
|
|
70
70
|
providerName: providerConfig.info.name ?? '',
|
|
71
71
|
}),
|
|
72
|
-
React.createElement(Text, { className: "
|
|
72
|
+
React.createElement(Text, { className: "evm-connect-provider-subtitle", color: "muted", component: "div", size: "small", wrap: "truncate" }, text))));
|
|
73
73
|
}
|
|
74
74
|
const isConnected = walletService.isConnected && walletService.providerId === providerConfig.id;
|
|
75
75
|
const isConnecting = walletService.isConnecting && walletProviders.connectingProvider?.id === providerConfig.id;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@broxus/evm-connect",
|
|
3
|
-
"version": "1.11.
|
|
3
|
+
"version": "1.11.12",
|
|
4
4
|
"description": "Ethereum wallets connector.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
@@ -96,5 +96,5 @@
|
|
|
96
96
|
"web3-types": "^1.x",
|
|
97
97
|
"web3-utils": "^4.x"
|
|
98
98
|
},
|
|
99
|
-
"gitHead": "
|
|
99
|
+
"gitHead": "6229efdf10f9974da3fbc0af2d9580bbf3d0ee1b"
|
|
100
100
|
}
|