@bosonprotocol/react-kit 0.34.0-alpha.6 → 0.34.0-alpha.8
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/dist/cjs/components/wallet2/selector/ChainSelector.d.ts +4 -1
- package/dist/cjs/components/wallet2/selector/ChainSelector.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/selector/ChainSelector.js +2 -4
- package/dist/cjs/components/wallet2/selector/ChainSelector.js.map +1 -1
- package/dist/cjs/components/wallet2/web3Status/index.d.ts +14 -2
- package/dist/cjs/components/wallet2/web3Status/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/web3Status/index.js +13 -5
- package/dist/cjs/components/wallet2/web3Status/index.js.map +1 -1
- package/dist/esm/components/wallet2/selector/ChainSelector.d.ts +4 -1
- package/dist/esm/components/wallet2/selector/ChainSelector.d.ts.map +1 -1
- package/dist/esm/components/wallet2/selector/ChainSelector.js +3 -5
- package/dist/esm/components/wallet2/selector/ChainSelector.js.map +1 -1
- package/dist/esm/components/wallet2/web3Status/index.d.ts +14 -2
- package/dist/esm/components/wallet2/web3Status/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/web3Status/index.js +14 -6
- package/dist/esm/components/wallet2/web3Status/index.js.map +1 -1
- package/package.json +5 -5
- package/src/components/wallet2/selector/ChainSelector.tsx +25 -13
- package/src/components/wallet2/web3Status/index.tsx +43 -15
- package/src/stories/ConnectWallet.stories.tsx +29 -5
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { CSSProperties } from "styled-components";
|
|
2
|
+
import { EnvironmentType, CoreProtocolConfig } from "@bosonprotocol/core-sdk";
|
|
2
3
|
export interface ChainSelectorProps {
|
|
3
4
|
leftAlign?: boolean;
|
|
4
5
|
backgroundColor: CSSProperties["backgroundColor"];
|
|
6
|
+
config: CoreProtocolConfig;
|
|
7
|
+
getEnvConfigsFilteredByEnv?: (envName: EnvironmentType) => CoreProtocolConfig[];
|
|
5
8
|
}
|
|
6
|
-
export declare const ChainSelector: ({ leftAlign, backgroundColor }: ChainSelectorProps) => JSX.Element;
|
|
9
|
+
export declare const ChainSelector: ({ leftAlign, backgroundColor, config, getEnvConfigsFilteredByEnv }: ChainSelectorProps) => JSX.Element;
|
|
7
10
|
//# sourceMappingURL=ChainSelector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"AAQA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChainSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"AAQA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAwB/D,OAAO,EAEL,eAAe,EACf,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAqDjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,0BAA0B,CAAC,EAAE,CAC3B,OAAO,EAAE,eAAe,KACrB,kBAAkB,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,uEAKvB,kBAAkB,gBA+IpB,CAAC"}
|
|
@@ -52,7 +52,6 @@ const chainInfo_1 = require("../../../lib/const/chainInfo");
|
|
|
52
52
|
const useSyncChainQuery_1 = __importDefault(require("../../../hooks/connection/useSyncChainQuery"));
|
|
53
53
|
const ConnectionsProvider_1 = require("../../connection/ConnectionsProvider");
|
|
54
54
|
const chains_1 = require("../../../lib/const/chains");
|
|
55
|
-
const ConfigContext_1 = require("../../config/ConfigContext");
|
|
56
55
|
const getConfigsByChainId_1 = require("../../../lib/config/getConfigsByChainId");
|
|
57
56
|
const useSelectChain_1 = require("../../../hooks/connection/useSelectChain");
|
|
58
57
|
const SvgImage_1 = require("../../ui/SvgImage");
|
|
@@ -94,9 +93,8 @@ const chevronProps = {
|
|
|
94
93
|
height: 20,
|
|
95
94
|
width: 20
|
|
96
95
|
};
|
|
97
|
-
const ChainSelector = ({ leftAlign, backgroundColor }) => {
|
|
98
|
-
const
|
|
99
|
-
const NETWORK_SELECTOR_CHAINS = (0, react_1.useMemo)(() => (0, getConfigsByChainId_1.getEnvConfigsFilteredByEnv)(config.envName), [config.envName]);
|
|
96
|
+
const ChainSelector = ({ leftAlign, backgroundColor, config, getEnvConfigsFilteredByEnv = getConfigsByChainId_1.getEnvConfigsFilteredByEnv }) => {
|
|
97
|
+
const NETWORK_SELECTOR_CHAINS = (0, react_1.useMemo)(() => getEnvConfigsFilteredByEnv(config.envName), [config.envName, getEnvConfigsFilteredByEnv]);
|
|
100
98
|
const NETWORK_SELECTOR_CHAINS_IDS = NETWORK_SELECTOR_CHAINS.map((config) => config.chainId);
|
|
101
99
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
102
100
|
const { isXS: isMobile } = (0, useBreakpoints_1.useBreakpoints)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAAgD;AAChD,mDAIwB;AACxB,iCAA0E;AAC1E,uEAA+D;AAE/D,kDAA0B;AAC1B,kDAAwD;AAExD,kEAA+D;AAC/D,gDAA6C;AAC7C,mDAAgD;AAChD,4DAAyD;AACzD,0EAAkD;AAClD,wEAAqE;AACrE,4DAA4D;AAC5D,oGAA4E;AAC5E,8EAG8C;AAC9C,sDAImC;AACnC,
|
|
1
|
+
{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,21 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
import { BaseButtonTheme } from "../../buttons/BaseButton";
|
|
3
|
+
type SuccessButtonTheme = Omit<BaseButtonTheme, "color" | "background"> & Required<Pick<BaseButtonTheme, "color" | "background">>;
|
|
3
4
|
export type ConnectWalletProps = {
|
|
4
5
|
showOnlyIcon?: boolean;
|
|
5
6
|
errorButtonTheme: BaseButtonTheme;
|
|
6
|
-
|
|
7
|
+
connectedButtonTheme: SuccessButtonTheme;
|
|
8
|
+
connectWalletButtonTheme: SuccessButtonTheme;
|
|
9
|
+
connectWalletChild?: ReactNode;
|
|
10
|
+
wrongNetworkChild?: ReactNode;
|
|
11
|
+
showStatusIcon?: boolean;
|
|
12
|
+
leftConnectedChild?: ReactNode;
|
|
13
|
+
rightConnectedChild?: ReactNode;
|
|
14
|
+
leftWrongNetworkChild?: ReactNode;
|
|
15
|
+
rightWrongNetworkChild?: ReactNode;
|
|
16
|
+
leftConnectWalletChild?: ReactNode;
|
|
17
|
+
rightConnectWalletChild?: ReactNode;
|
|
7
18
|
};
|
|
8
19
|
export declare const ConnectWallet: React.NamedExoticComponent<ConnectWalletProps>;
|
|
20
|
+
export {};
|
|
9
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAgB/E,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAwLvE,KAAK,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,GACrE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,eAAe,CAAC;IAClC,oBAAoB,EAAE,kBAAkB,CAAC;IACzC,wBAAwB,EAAE,kBAAkB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,uBAAuB,CAAC,EAAE,SAAS,CAAC;CACrC,CAAC;AACF,eAAO,MAAM,aAAa,gDAQxB,CAAC"}
|
|
@@ -78,7 +78,7 @@ const getCommonWalletButtonProps = (isXXS) => ({
|
|
|
78
78
|
whiteSpace: "pre"
|
|
79
79
|
}
|
|
80
80
|
});
|
|
81
|
-
function Web3StatusInner({ showOnlyIcon, errorButtonTheme,
|
|
81
|
+
function Web3StatusInner({ showOnlyIcon, errorButtonTheme, connectedButtonTheme, connectWalletButtonTheme, connectWalletChild = react_1.default.createElement(react_1.default.Fragment, null, "Connect Wallet"), showStatusIcon = true, wrongNetworkChild = react_1.default.createElement(react_1.default.Fragment, null, "Wrong network"), leftConnectWalletChild, leftConnectedChild, leftWrongNetworkChild, rightConnectWalletChild, rightConnectedChild, rightWrongNetworkChild }) {
|
|
82
82
|
const switchingChain = (0, hooks_2.useAppSelector)((state) => state.wallets.switchingChain);
|
|
83
83
|
const ignoreWhileSwitchingChain = (0, react_1.useCallback)(() => !switchingChain, [switchingChain]);
|
|
84
84
|
const { address: account } = (0, useLast_1.useLast)((0, connection_1.useAccount)(), ignoreWhileSwitchingChain);
|
|
@@ -116,10 +116,12 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, successButtonTheme })
|
|
|
116
116
|
? !(configsCurrentChain === null || configsCurrentChain === void 0 ? void 0 : configsCurrentChain.length)
|
|
117
117
|
: wasConnected && !(configsPreviousChain === null || configsPreviousChain === void 0 ? void 0 : configsPreviousChain.length) && isActive;
|
|
118
118
|
if (!connectedToWrongChainId && account) {
|
|
119
|
-
return (react_1.default.createElement(BaseButton_1.BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme:
|
|
120
|
-
react_1.default.createElement(StatusIcon_1.default, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon }),
|
|
119
|
+
return (react_1.default.createElement(BaseButton_1.BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme: connectedButtonTheme },
|
|
120
|
+
showStatusIcon && (react_1.default.createElement(StatusIcon_1.default, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon })),
|
|
121
|
+
leftConnectedChild,
|
|
121
122
|
react_1.default.createElement(AddressAndChevronContainer, null,
|
|
122
|
-
react_1.default.createElement(Text, null, ENSName || (0, address_1.formatAddress)(account)))
|
|
123
|
+
react_1.default.createElement(Text, null, ENSName || (0, address_1.formatAddress)(account))),
|
|
124
|
+
rightConnectedChild));
|
|
123
125
|
}
|
|
124
126
|
return (react_1.default.createElement(Grid_1.Grid, { justifyContent: "center", flexDirection: "column" }, connectedToWrongChainId ? (react_1.default.createElement(Tooltip_1.Tooltip, { content: react_1.default.createElement("div", null,
|
|
125
127
|
"Connect to",
|
|
@@ -129,7 +131,13 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, successButtonTheme })
|
|
|
129
131
|
.join(", "),
|
|
130
132
|
" ",
|
|
131
133
|
"and click here again") },
|
|
132
|
-
react_1.default.createElement(BaseButton_1.BaseButton, Object.assign({}, getCommonWalletButtonProps(isXXS), { onClick: handleWalletDropdownClick, theme: errorButtonTheme }),
|
|
134
|
+
react_1.default.createElement(BaseButton_1.BaseButton, Object.assign({}, getCommonWalletButtonProps(isXXS), { onClick: handleWalletDropdownClick, theme: errorButtonTheme }),
|
|
135
|
+
leftWrongNetworkChild,
|
|
136
|
+
wrongNetworkChild,
|
|
137
|
+
rightWrongNetworkChild))) : (react_1.default.createElement(BaseButton_1.BaseButton, Object.assign({ onClick: handleWalletDropdownClick, "data-testid": "navbar-connect-wallet" }, getCommonWalletButtonProps(isXXS), { theme: connectWalletButtonTheme, style: Object.assign({}, getCommonWalletButtonProps(isXXS).style) }),
|
|
138
|
+
leftConnectWalletChild,
|
|
139
|
+
connectWalletChild,
|
|
140
|
+
rightConnectWalletChild))));
|
|
133
141
|
}
|
|
134
142
|
exports.ConnectWallet = (0, react_1.memo)(function Web3Status(props) {
|
|
135
143
|
return (react_1.default.createElement("div", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAgD;AAChD,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { CSSProperties } from "styled-components";
|
|
2
|
+
import { EnvironmentType, CoreProtocolConfig } from "@bosonprotocol/core-sdk";
|
|
2
3
|
export interface ChainSelectorProps {
|
|
3
4
|
leftAlign?: boolean;
|
|
4
5
|
backgroundColor: CSSProperties["backgroundColor"];
|
|
6
|
+
config: CoreProtocolConfig;
|
|
7
|
+
getEnvConfigsFilteredByEnv?: (envName: EnvironmentType) => CoreProtocolConfig[];
|
|
5
8
|
}
|
|
6
|
-
export declare const ChainSelector: ({ leftAlign, backgroundColor }: ChainSelectorProps) => JSX.Element;
|
|
9
|
+
export declare const ChainSelector: ({ leftAlign, backgroundColor, config, getEnvConfigsFilteredByEnv }: ChainSelectorProps) => JSX.Element;
|
|
7
10
|
//# sourceMappingURL=ChainSelector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"AAQA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChainSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"AAQA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAwB/D,OAAO,EAEL,eAAe,EACf,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAqDjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,0BAA0B,CAAC,EAAE,CAC3B,OAAO,EAAE,eAAe,KACrB,kBAAkB,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,uEAKvB,kBAAkB,gBA+IpB,CAAC"}
|
|
@@ -14,8 +14,7 @@ import { getChainInfo } from "../../../lib/const/chainInfo";
|
|
|
14
14
|
import useSyncChainQuery from "../../../hooks/connection/useSyncChainQuery";
|
|
15
15
|
import { getConnection, useConnections } from "../../connection/ConnectionsProvider";
|
|
16
16
|
import { TESTNET_CHAIN_IDS, UniWalletSupportedChains, getChainPriority } from "../../../lib/const/chains";
|
|
17
|
-
import {
|
|
18
|
-
import { getEnvConfigsFilteredByEnv } from "../../../lib/config/getConfigsByChainId";
|
|
17
|
+
import { getEnvConfigsFilteredByEnv as importedGetEnvConfigsFilteredByEnv } from "../../../lib/config/getConfigsByChainId";
|
|
19
18
|
import { useSelectChain } from "../../../hooks/connection/useSelectChain";
|
|
20
19
|
import { SvgImage } from "../../ui/SvgImage";
|
|
21
20
|
const IconAndChevron = styled.div `
|
|
@@ -55,9 +54,8 @@ const chevronProps = {
|
|
|
55
54
|
height: 20,
|
|
56
55
|
width: 20
|
|
57
56
|
};
|
|
58
|
-
export const ChainSelector = ({ leftAlign, backgroundColor }) => {
|
|
59
|
-
const
|
|
60
|
-
const NETWORK_SELECTOR_CHAINS = useMemo(() => getEnvConfigsFilteredByEnv(config.envName), [config.envName]);
|
|
57
|
+
export const ChainSelector = ({ leftAlign, backgroundColor, config, getEnvConfigsFilteredByEnv = importedGetEnvConfigsFilteredByEnv }) => {
|
|
58
|
+
const NETWORK_SELECTOR_CHAINS = useMemo(() => getEnvConfigsFilteredByEnv(config.envName), [config.envName, getEnvConfigsFilteredByEnv]);
|
|
61
59
|
const NETWORK_SELECTOR_CHAINS_IDS = NETWORK_SELECTOR_CHAINS.map((config) => config.chainId);
|
|
62
60
|
const [isOpen, setIsOpen] = useState(false);
|
|
63
61
|
const { isXS: isMobile } = useBreakpoints();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EACL,SAAS,IAAI,WAAW,EACxB,OAAO,IAAI,SAAS,EACpB,OAAO,IAAI,aAAa,EACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,MAAM,EAAE,EAAiB,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,iBAAiB,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EACL,aAAa,EACb,cAAc,EACf,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/selector/ChainSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,21 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
import { BaseButtonTheme } from "../../buttons/BaseButton";
|
|
3
|
+
type SuccessButtonTheme = Omit<BaseButtonTheme, "color" | "background"> & Required<Pick<BaseButtonTheme, "color" | "background">>;
|
|
3
4
|
export type ConnectWalletProps = {
|
|
4
5
|
showOnlyIcon?: boolean;
|
|
5
6
|
errorButtonTheme: BaseButtonTheme;
|
|
6
|
-
|
|
7
|
+
connectedButtonTheme: SuccessButtonTheme;
|
|
8
|
+
connectWalletButtonTheme: SuccessButtonTheme;
|
|
9
|
+
connectWalletChild?: ReactNode;
|
|
10
|
+
wrongNetworkChild?: ReactNode;
|
|
11
|
+
showStatusIcon?: boolean;
|
|
12
|
+
leftConnectedChild?: ReactNode;
|
|
13
|
+
rightConnectedChild?: ReactNode;
|
|
14
|
+
leftWrongNetworkChild?: ReactNode;
|
|
15
|
+
rightWrongNetworkChild?: ReactNode;
|
|
16
|
+
leftConnectWalletChild?: ReactNode;
|
|
17
|
+
rightConnectWalletChild?: ReactNode;
|
|
7
18
|
};
|
|
8
19
|
export declare const ConnectWallet: React.NamedExoticComponent<ConnectWalletProps>;
|
|
20
|
+
export {};
|
|
9
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAgB/E,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAwLvE,KAAK,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,GACrE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,eAAe,CAAC;IAClC,oBAAoB,EAAE,kBAAkB,CAAC;IACzC,wBAAwB,EAAE,kBAAkB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,uBAAuB,CAAC,EAAE,SAAS,CAAC;CACrC,CAAC;AACF,eAAO,MAAM,aAAa,gDAQxB,CAAC"}
|
|
@@ -49,7 +49,7 @@ const getCommonWalletButtonProps = (isXXS) => ({
|
|
|
49
49
|
whiteSpace: "pre"
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
|
-
function Web3StatusInner({ showOnlyIcon, errorButtonTheme,
|
|
52
|
+
function Web3StatusInner({ showOnlyIcon, errorButtonTheme, connectedButtonTheme, connectWalletButtonTheme, connectWalletChild = React.createElement(React.Fragment, null, "Connect Wallet"), showStatusIcon = true, wrongNetworkChild = React.createElement(React.Fragment, null, "Wrong network"), leftConnectWalletChild, leftConnectedChild, leftWrongNetworkChild, rightConnectWalletChild, rightConnectedChild, rightWrongNetworkChild }) {
|
|
53
53
|
const switchingChain = useAppSelector((state) => state.wallets.switchingChain);
|
|
54
54
|
const ignoreWhileSwitchingChain = useCallback(() => !switchingChain, [switchingChain]);
|
|
55
55
|
const { address: account } = useLast(useAccount(), ignoreWhileSwitchingChain);
|
|
@@ -87,10 +87,12 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, successButtonTheme })
|
|
|
87
87
|
? !configsCurrentChain?.length
|
|
88
88
|
: wasConnected && !configsPreviousChain?.length && isActive;
|
|
89
89
|
if (!connectedToWrongChainId && account) {
|
|
90
|
-
return (React.createElement(BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme:
|
|
91
|
-
React.createElement(StatusIcon, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon }),
|
|
90
|
+
return (React.createElement(BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme: connectedButtonTheme },
|
|
91
|
+
showStatusIcon && (React.createElement(StatusIcon, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon })),
|
|
92
|
+
leftConnectedChild,
|
|
92
93
|
React.createElement(AddressAndChevronContainer, null,
|
|
93
|
-
React.createElement(Text, null, ENSName || formatAddress(account)))
|
|
94
|
+
React.createElement(Text, null, ENSName || formatAddress(account))),
|
|
95
|
+
rightConnectedChild));
|
|
94
96
|
}
|
|
95
97
|
return (React.createElement(Grid, { justifyContent: "center", flexDirection: "column" }, connectedToWrongChainId ? (React.createElement(Tooltip, { content: React.createElement("div", null,
|
|
96
98
|
"Connect to",
|
|
@@ -100,9 +102,15 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, successButtonTheme })
|
|
|
100
102
|
.join(", "),
|
|
101
103
|
" ",
|
|
102
104
|
"and click here again") },
|
|
103
|
-
React.createElement(BaseButton, { ...getCommonWalletButtonProps(isXXS), onClick: handleWalletDropdownClick, theme: errorButtonTheme },
|
|
105
|
+
React.createElement(BaseButton, { ...getCommonWalletButtonProps(isXXS), onClick: handleWalletDropdownClick, theme: errorButtonTheme },
|
|
106
|
+
leftWrongNetworkChild,
|
|
107
|
+
wrongNetworkChild,
|
|
108
|
+
rightWrongNetworkChild))) : (React.createElement(BaseButton, { onClick: handleWalletDropdownClick, "data-testid": "navbar-connect-wallet", ...getCommonWalletButtonProps(isXXS), theme: connectWalletButtonTheme, style: {
|
|
104
109
|
...getCommonWalletButtonProps(isXXS).style
|
|
105
|
-
} },
|
|
110
|
+
} },
|
|
111
|
+
leftConnectWalletChild,
|
|
112
|
+
connectWalletChild,
|
|
113
|
+
rightConnectWalletChild))));
|
|
106
114
|
}
|
|
107
115
|
export const ConnectWallet = memo(function Web3Status(props) {
|
|
108
116
|
return (React.createElement("div", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bosonprotocol/react-kit",
|
|
3
3
|
"description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
|
|
4
|
-
"version": "0.34.0-alpha.
|
|
4
|
+
"version": "0.34.0-alpha.8",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"license": "Apache-2.0",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
|
|
18
|
-
"@bosonprotocol/core-sdk": "^1.41.0-alpha.
|
|
19
|
-
"@bosonprotocol/ethers-sdk": "^1.14.
|
|
20
|
-
"@bosonprotocol/ipfs-storage": "^1.12.0-alpha.
|
|
18
|
+
"@bosonprotocol/core-sdk": "^1.41.0-alpha.10",
|
|
19
|
+
"@bosonprotocol/ethers-sdk": "^1.14.6-alpha.1",
|
|
20
|
+
"@bosonprotocol/ipfs-storage": "^1.12.0-alpha.8",
|
|
21
21
|
"@davatar/react": "1.11.1",
|
|
22
22
|
"@ethersproject/units": "5.6.0",
|
|
23
23
|
"@glidejs/glide": "3.6.0",
|
|
@@ -188,5 +188,5 @@
|
|
|
188
188
|
"overrides": {
|
|
189
189
|
"typescript": "^5.1.6"
|
|
190
190
|
},
|
|
191
|
-
"gitHead": "
|
|
191
|
+
"gitHead": "8623afeb07a6e23445ba6559e7d7474e4b01cd76"
|
|
192
192
|
}
|
|
@@ -28,10 +28,13 @@ import {
|
|
|
28
28
|
UniWalletSupportedChains,
|
|
29
29
|
getChainPriority
|
|
30
30
|
} from "../../../lib/const/chains";
|
|
31
|
-
import {
|
|
32
|
-
import { getEnvConfigsFilteredByEnv } from "../../../lib/config/getConfigsByChainId";
|
|
31
|
+
import { getEnvConfigsFilteredByEnv as importedGetEnvConfigsFilteredByEnv } from "../../../lib/config/getConfigsByChainId";
|
|
33
32
|
import { useSelectChain } from "../../../hooks/connection/useSelectChain";
|
|
34
|
-
import {
|
|
33
|
+
import {
|
|
34
|
+
ConfigId,
|
|
35
|
+
EnvironmentType,
|
|
36
|
+
CoreProtocolConfig
|
|
37
|
+
} from "@bosonprotocol/core-sdk";
|
|
35
38
|
import { SvgImage } from "../../ui/SvgImage";
|
|
36
39
|
|
|
37
40
|
const IconAndChevron = styled.div<{
|
|
@@ -57,11 +60,6 @@ const IconAndChevron = styled.div<{
|
|
|
57
60
|
}
|
|
58
61
|
`;
|
|
59
62
|
|
|
60
|
-
export interface ChainSelectorProps {
|
|
61
|
-
leftAlign?: boolean;
|
|
62
|
-
backgroundColor: CSSProperties["backgroundColor"];
|
|
63
|
-
}
|
|
64
|
-
|
|
65
63
|
function useWalletSupportedChains({
|
|
66
64
|
NETWORK_SELECTOR_CHAINS_IDS
|
|
67
65
|
}: {
|
|
@@ -88,14 +86,25 @@ const chevronProps = {
|
|
|
88
86
|
height: 20,
|
|
89
87
|
width: 20
|
|
90
88
|
};
|
|
89
|
+
|
|
90
|
+
export interface ChainSelectorProps {
|
|
91
|
+
leftAlign?: boolean;
|
|
92
|
+
backgroundColor: CSSProperties["backgroundColor"];
|
|
93
|
+
config: CoreProtocolConfig;
|
|
94
|
+
getEnvConfigsFilteredByEnv?: (
|
|
95
|
+
envName: EnvironmentType
|
|
96
|
+
) => CoreProtocolConfig[];
|
|
97
|
+
}
|
|
98
|
+
|
|
91
99
|
export const ChainSelector = ({
|
|
92
100
|
leftAlign,
|
|
93
|
-
backgroundColor
|
|
101
|
+
backgroundColor,
|
|
102
|
+
config,
|
|
103
|
+
getEnvConfigsFilteredByEnv = importedGetEnvConfigsFilteredByEnv
|
|
94
104
|
}: ChainSelectorProps) => {
|
|
95
|
-
const { config } = useConfigContext();
|
|
96
105
|
const NETWORK_SELECTOR_CHAINS = useMemo(
|
|
97
106
|
() => getEnvConfigsFilteredByEnv(config.envName),
|
|
98
|
-
[config.envName]
|
|
107
|
+
[config.envName, getEnvConfigsFilteredByEnv]
|
|
99
108
|
);
|
|
100
109
|
const NETWORK_SELECTOR_CHAINS_IDS = NETWORK_SELECTOR_CHAINS.map(
|
|
101
110
|
(config) => config.chainId as ChainId
|
|
@@ -128,7 +137,10 @@ export const ChainSelector = ({
|
|
|
128
137
|
}
|
|
129
138
|
return acc;
|
|
130
139
|
},
|
|
131
|
-
{ supported: [], unsupported: [] } as Record<
|
|
140
|
+
{ supported: [], unsupported: [] } as Record<
|
|
141
|
+
string,
|
|
142
|
+
CoreProtocolConfig[]
|
|
143
|
+
>
|
|
132
144
|
);
|
|
133
145
|
return [supported, unsupported];
|
|
134
146
|
}, [NETWORK_SELECTOR_CHAINS, walletSupportsChain]);
|
|
@@ -148,7 +160,7 @@ export const ChainSelector = ({
|
|
|
148
160
|
|
|
149
161
|
const [pendingConfigId, setPendingConfigId] = useState<ConfigId>();
|
|
150
162
|
const onSelectChain = useCallback(
|
|
151
|
-
async (config:
|
|
163
|
+
async (config: CoreProtocolConfig) => {
|
|
152
164
|
try {
|
|
153
165
|
setPendingConfigId(config.configId);
|
|
154
166
|
await selectChain(config.configId);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useWeb3React } from "@web3-react/core";
|
|
2
|
-
import React, { memo, useCallback, useEffect, useRef } from "react";
|
|
2
|
+
import React, { ReactNode, memo, useCallback, useEffect, useRef } from "react";
|
|
3
3
|
import styled from "styled-components";
|
|
4
4
|
|
|
5
5
|
import { useIsMagicLoggedIn } from "../../../hooks";
|
|
@@ -64,7 +64,17 @@ const getCommonWalletButtonProps = (isXXS: boolean) =>
|
|
|
64
64
|
function Web3StatusInner({
|
|
65
65
|
showOnlyIcon,
|
|
66
66
|
errorButtonTheme,
|
|
67
|
-
|
|
67
|
+
connectedButtonTheme,
|
|
68
|
+
connectWalletButtonTheme,
|
|
69
|
+
connectWalletChild = <>Connect Wallet</>,
|
|
70
|
+
showStatusIcon = true,
|
|
71
|
+
wrongNetworkChild = <>Wrong network</>,
|
|
72
|
+
leftConnectWalletChild,
|
|
73
|
+
leftConnectedChild,
|
|
74
|
+
leftWrongNetworkChild,
|
|
75
|
+
rightConnectWalletChild,
|
|
76
|
+
rightConnectedChild,
|
|
77
|
+
rightWrongNetworkChild
|
|
68
78
|
}: ConnectWalletProps) {
|
|
69
79
|
const switchingChain = useAppSelector(
|
|
70
80
|
(state) => state.wallets.switchingChain
|
|
@@ -121,18 +131,21 @@ function Web3StatusInner({
|
|
|
121
131
|
disabled={Boolean(switchingChain)}
|
|
122
132
|
data-testid="web3-status-connected"
|
|
123
133
|
onClick={handleWalletDropdownClick}
|
|
124
|
-
theme={
|
|
134
|
+
theme={connectedButtonTheme}
|
|
125
135
|
>
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
136
|
+
{showStatusIcon && (
|
|
137
|
+
<StatusIcon
|
|
138
|
+
account={account}
|
|
139
|
+
size={24}
|
|
140
|
+
connection={connection}
|
|
141
|
+
showMiniIcons={showOnlyIcon}
|
|
142
|
+
/>
|
|
143
|
+
)}
|
|
144
|
+
{leftConnectedChild}
|
|
133
145
|
<AddressAndChevronContainer>
|
|
134
146
|
<Text>{ENSName || formatAddress(account)}</Text>
|
|
135
147
|
</AddressAndChevronContainer>
|
|
148
|
+
{rightConnectedChild}
|
|
136
149
|
</BaseButton>
|
|
137
150
|
);
|
|
138
151
|
}
|
|
@@ -163,7 +176,9 @@ function Web3StatusInner({
|
|
|
163
176
|
onClick={handleWalletDropdownClick}
|
|
164
177
|
theme={errorButtonTheme}
|
|
165
178
|
>
|
|
166
|
-
|
|
179
|
+
{leftWrongNetworkChild}
|
|
180
|
+
{wrongNetworkChild}
|
|
181
|
+
{rightWrongNetworkChild}
|
|
167
182
|
</BaseButton>
|
|
168
183
|
</Tooltip>
|
|
169
184
|
) : (
|
|
@@ -171,23 +186,36 @@ function Web3StatusInner({
|
|
|
171
186
|
onClick={handleWalletDropdownClick}
|
|
172
187
|
data-testid="navbar-connect-wallet"
|
|
173
188
|
{...getCommonWalletButtonProps(isXXS)}
|
|
174
|
-
theme={
|
|
189
|
+
theme={connectWalletButtonTheme}
|
|
175
190
|
style={{
|
|
176
191
|
...getCommonWalletButtonProps(isXXS).style
|
|
177
192
|
}}
|
|
178
193
|
>
|
|
179
|
-
|
|
194
|
+
{leftConnectWalletChild}
|
|
195
|
+
{connectWalletChild}
|
|
196
|
+
{rightConnectWalletChild}
|
|
180
197
|
</BaseButton>
|
|
181
198
|
)}
|
|
182
199
|
</Grid>
|
|
183
200
|
);
|
|
184
201
|
}
|
|
202
|
+
type SuccessButtonTheme = Omit<BaseButtonTheme, "color" | "background"> &
|
|
203
|
+
Required<Pick<BaseButtonTheme, "color" | "background">>;
|
|
185
204
|
|
|
186
205
|
export type ConnectWalletProps = {
|
|
187
206
|
showOnlyIcon?: boolean;
|
|
188
207
|
errorButtonTheme: BaseButtonTheme;
|
|
189
|
-
|
|
190
|
-
|
|
208
|
+
connectedButtonTheme: SuccessButtonTheme;
|
|
209
|
+
connectWalletButtonTheme: SuccessButtonTheme;
|
|
210
|
+
connectWalletChild?: ReactNode;
|
|
211
|
+
wrongNetworkChild?: ReactNode;
|
|
212
|
+
showStatusIcon?: boolean;
|
|
213
|
+
leftConnectedChild?: ReactNode;
|
|
214
|
+
rightConnectedChild?: ReactNode;
|
|
215
|
+
leftWrongNetworkChild?: ReactNode;
|
|
216
|
+
rightWrongNetworkChild?: ReactNode;
|
|
217
|
+
leftConnectWalletChild?: ReactNode;
|
|
218
|
+
rightConnectWalletChild?: ReactNode;
|
|
191
219
|
};
|
|
192
220
|
export const ConnectWallet = memo(function Web3Status(
|
|
193
221
|
props: ConnectWalletProps
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { fn } from "@storybook/test";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { ReactNode } from "react";
|
|
3
3
|
import { Meta } from "@storybook/react";
|
|
4
4
|
import {
|
|
5
5
|
ChainSelector,
|
|
@@ -17,8 +17,9 @@ import {
|
|
|
17
17
|
import { HashRouter, Route, Routes } from "react-router-dom";
|
|
18
18
|
import { bosonButtonThemeKeys } from "../components/ui/ThemedButton";
|
|
19
19
|
import { CSSProperties, createGlobalStyle } from "styled-components";
|
|
20
|
+
import { Wallet } from "phosphor-react";
|
|
20
21
|
const colors = theme.colors.light;
|
|
21
|
-
const successButtonTheme: ConnectWalletProps["
|
|
22
|
+
const successButtonTheme: ConnectWalletProps["connectWalletButtonTheme"] = {
|
|
22
23
|
...bosonButtonThemes({ withBosonStyle: false })["primary"],
|
|
23
24
|
color: "inherit",
|
|
24
25
|
background: "var(--buttonBgColor)"
|
|
@@ -30,13 +31,17 @@ const errorButtonTheme = bosonButtonThemes({ withBosonStyle: false })[
|
|
|
30
31
|
const envName =
|
|
31
32
|
(process.env.STORYBOOK_DATA_ENV_NAME as EnvironmentType) || "testing";
|
|
32
33
|
const envConfig = getEnvConfigs(envName);
|
|
33
|
-
const
|
|
34
|
+
const config = envConfig[0];
|
|
35
|
+
const configId = config.configId;
|
|
34
36
|
const ColorGlobalStyle = createGlobalStyle<{ color: CSSProperties["color"] }>`
|
|
35
37
|
html, body{
|
|
36
38
|
color: ${({ color }) => color};
|
|
37
39
|
}
|
|
38
40
|
`;
|
|
39
41
|
const Component = ({
|
|
42
|
+
showStatusIcon,
|
|
43
|
+
rightConnectedChild,
|
|
44
|
+
connectWalletChild,
|
|
40
45
|
textColor,
|
|
41
46
|
chainSelectorBackgroundColor,
|
|
42
47
|
connectWalletBorderRadius,
|
|
@@ -58,7 +63,10 @@ const Component = ({
|
|
|
58
63
|
magicLoginButtonBorderRadiusPx,
|
|
59
64
|
onUserDisconnect
|
|
60
65
|
}: {
|
|
66
|
+
showStatusIcon: boolean;
|
|
67
|
+
rightConnectedChild?: ReactNode;
|
|
61
68
|
textColor: string;
|
|
69
|
+
connectWalletChild: string;
|
|
62
70
|
chainSelectorBackgroundColor: string | undefined;
|
|
63
71
|
connectWalletBorderRadius: string | undefined;
|
|
64
72
|
connectWalletSuccessButtonThemeKey: string | undefined;
|
|
@@ -114,9 +122,22 @@ const Component = ({
|
|
|
114
122
|
<ChainSelector
|
|
115
123
|
leftAlign={true}
|
|
116
124
|
backgroundColor={chainSelectorBackgroundColor}
|
|
125
|
+
config={config}
|
|
117
126
|
/>
|
|
118
127
|
<ConnectWallet
|
|
119
|
-
|
|
128
|
+
showStatusIcon={showStatusIcon}
|
|
129
|
+
connectWalletChild={connectWalletChild}
|
|
130
|
+
rightConnectedChild={rightConnectedChild}
|
|
131
|
+
connectWalletButtonTheme={{
|
|
132
|
+
...(connectWalletSuccessButtonThemeKey
|
|
133
|
+
? bosonButtonThemes({ withBosonStyle: false })[
|
|
134
|
+
connectWalletSuccessButtonThemeKey
|
|
135
|
+
]
|
|
136
|
+
: successButtonTheme),
|
|
137
|
+
borderRadius: connectWalletBorderRadius,
|
|
138
|
+
gap: "2px"
|
|
139
|
+
}}
|
|
140
|
+
connectedButtonTheme={{
|
|
120
141
|
...(connectWalletSuccessButtonThemeKey
|
|
121
142
|
? bosonButtonThemes({ withBosonStyle: false })[
|
|
122
143
|
connectWalletSuccessButtonThemeKey
|
|
@@ -283,6 +304,9 @@ export const CustomTheme = {
|
|
|
283
304
|
walletHoverFocusBackgroundColor: "#e89f0e",
|
|
284
305
|
walletHoverColor: "#ff0000",
|
|
285
306
|
magicLoginButtonThemeKey: "orangeInverse",
|
|
286
|
-
magicLoginButtonBorderRadiusPx: "50"
|
|
307
|
+
magicLoginButtonBorderRadiusPx: "50",
|
|
308
|
+
showStatusIcon: false,
|
|
309
|
+
connectWalletChild: <>Connect</>,
|
|
310
|
+
rightConnectedChild: <Wallet />
|
|
287
311
|
}
|
|
288
312
|
};
|