@tronweb3/tronwallet-adapter-react-ui 1.1.0 → 1.1.1
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/lib/cjs/Collapse.js +2 -2
- package/lib/cjs/Collapse.js.map +1 -1
- package/lib/cjs/WalletActionButton.js +6 -7
- package/lib/cjs/WalletActionButton.js.map +1 -1
- package/lib/esm/Collapse.js +2 -2
- package/lib/esm/Collapse.js.map +1 -1
- package/lib/esm/WalletActionButton.js +6 -7
- package/lib/esm/WalletActionButton.js.map +1 -1
- package/lib/types/Collapse.d.ts +2 -0
- package/lib/types/Collapse.d.ts.map +1 -1
- package/lib/types/WalletActionButton.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/Collapse.tsx +6 -0
- package/src/WalletActionButton.tsx +34 -16
- package/style.css +5 -3
package/lib/cjs/Collapse.js
CHANGED
|
@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.Collapse = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
|
-
const Collapse = function ({ children, className, transition = 'height 250ms ease-out', isOpen, }) {
|
|
28
|
+
const Collapse = function ({ children, className, transition = 'height 250ms ease-out', isOpen, onMouseEnter, onMouseLeave, }) {
|
|
29
29
|
const initialState = { height: '0px', transition };
|
|
30
30
|
const wrapRef = (0, react_1.useRef)(null);
|
|
31
31
|
const [style, setStyle] = (0, react_1.useState)(initialState);
|
|
@@ -55,7 +55,7 @@ const Collapse = function ({ children, className, transition = 'height 250ms eas
|
|
|
55
55
|
close();
|
|
56
56
|
}
|
|
57
57
|
}, [isOpen]);
|
|
58
|
-
return (react_1.default.createElement("div", { ref: wrapRef, className: 'react-collapse ' + className, style: Object.assign({ overflow: 'hidden' }, style) }, children));
|
|
58
|
+
return (react_1.default.createElement("div", { ref: wrapRef, className: 'react-collapse ' + className, style: Object.assign({ overflow: 'hidden' }, style), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));
|
|
59
59
|
};
|
|
60
60
|
exports.Collapse = Collapse;
|
|
61
61
|
//# sourceMappingURL=Collapse.js.map
|
package/lib/cjs/Collapse.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../src/Collapse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA4E;
|
|
1
|
+
{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../src/Collapse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA4E;AAWrE,MAAM,QAAQ,GAAsB,UAAU,EACjD,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,uBAAuB,EACpC,MAAM,EACN,YAAY,EACZ,YAAY,GACf;IACG,MAAM,YAAY,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IACnD,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAEjD,IAAA,iBAAS,EACL;QACI,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCAAM,KAAK,KAAE,UAAU,IAAG,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,UAAU,CAAC,CACf,CAAC;IAEF,SAAS,IAAI;QACT,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAClB,OAAO;SACV;QACD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;;YAAC,OAAA,iCACb,KAAK,KACR,MAAM,EAAE,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,YAAY,IAAG,IAAI,IAC9C,CAAA;SAAA,CAAC,CAAC;IACR,CAAC;IAED,SAAS,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAClB,OAAO;SACV;QACD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACb,KAAK,KACR,MAAM,EAAE,KAAK,IACf,CAAC,CAAC;IACR,CAAC;IAED,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,IAAI,MAAM,EAAE;YACR,IAAI,EAAE,CAAC;SACV;aAAM;YACH,KAAK,EAAE,CAAC;SACX;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,uCACI,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,iBAAiB,GAAG,SAAS,EACxC,KAAK,kBACD,QAAQ,EAAE,QAAQ,IACf,KAAK,GAEZ,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,IAEzB,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AA7DW,QAAA,QAAQ,YA6DnB"}
|
|
@@ -108,16 +108,15 @@ const WalletActionButton = (_a) => {
|
|
|
108
108
|
};
|
|
109
109
|
}, [ref, hideDropdown]);
|
|
110
110
|
if (!wallet)
|
|
111
|
-
return react_2.default.createElement(WalletSelectButton_js_1.WalletSelectButton, Object.assign({}, props), children);
|
|
112
|
-
if (!address)
|
|
113
|
-
return react_2.default.createElement(WalletConnectButton_js_1.WalletConnectButton, Object.assign({}, props), children);
|
|
111
|
+
return (react_2.default.createElement(WalletSelectButton_js_1.WalletSelectButton, Object.assign({ onClick: hideDropdown }, props), children));
|
|
114
112
|
return (react_2.default.createElement("div", { "data-testid": "wallet-action-button", className: "adapter-dropdown" },
|
|
115
|
-
react_2.default.createElement(
|
|
116
|
-
|
|
113
|
+
!address ? (react_2.default.createElement("div", { onMouseEnter: openDropdown, onMouseLeave: hideDropdown },
|
|
114
|
+
react_2.default.createElement(WalletConnectButton_js_1.WalletConnectButton, Object.assign({}, props), children))) : (react_2.default.createElement(Button_js_1.Button, Object.assign({ onClick: openDropdown, style: Object.assign({ pointerEvents: dropdownVisible ? 'none' : 'auto' }, props.style), icon: wallet ? wallet.adapter.icon : '' }, props), content)),
|
|
115
|
+
react_2.default.createElement(Collapse_js_1.Collapse, Object.assign({ className: "adapter-dropdown-collapse", isOpen: dropdownVisible }, (!address ? { onMouseEnter: openDropdown, onMouseLeave: hideDropdown } : {})),
|
|
117
116
|
react_2.default.createElement("ul", { ref: ref, className: "adapter-dropdown-list", role: "menu" },
|
|
118
|
-
react_2.default.createElement("li", { onClick: copyAddress, className: "adapter-dropdown-list-item", role: "menuitem" }, copied ? 'Copied' : 'Copy address'),
|
|
117
|
+
address && (react_2.default.createElement("li", { onClick: copyAddress, className: "adapter-dropdown-list-item", role: "menuitem" }, copied ? 'Copied' : 'Copy address')),
|
|
119
118
|
react_2.default.createElement("li", { onClick: changeWallet, className: "adapter-dropdown-list-item", role: "menuitem" }, "Change wallet"),
|
|
120
|
-
react_2.default.createElement("li", { onClick: handleDisconnect, className: "adapter-dropdown-list-item", role: "menuitem" }, "Disconnect")))));
|
|
119
|
+
address && (react_2.default.createElement("li", { onClick: handleDisconnect, className: "adapter-dropdown-list-item", role: "menuitem" }, "Disconnect"))))));
|
|
121
120
|
};
|
|
122
121
|
exports.WalletActionButton = WalletActionButton;
|
|
123
122
|
//# sourceMappingURL=WalletActionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletActionButton.js","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"WalletActionButton.js","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/Collapse.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useLayoutEffect, useRef, useEffect, useState } from 'react';
|
|
2
|
-
export const Collapse = function ({ children, className, transition = 'height 250ms ease-out', isOpen, }) {
|
|
2
|
+
export const Collapse = function ({ children, className, transition = 'height 250ms ease-out', isOpen, onMouseEnter, onMouseLeave, }) {
|
|
3
3
|
const initialState = { height: '0px', transition };
|
|
4
4
|
const wrapRef = useRef(null);
|
|
5
5
|
const [style, setStyle] = useState(initialState);
|
|
@@ -35,6 +35,6 @@ export const Collapse = function ({ children, className, transition = 'height 25
|
|
|
35
35
|
return (React.createElement("div", { ref: wrapRef, className: 'react-collapse ' + className, style: {
|
|
36
36
|
overflow: 'hidden',
|
|
37
37
|
...style,
|
|
38
|
-
} }, children));
|
|
38
|
+
}, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));
|
|
39
39
|
};
|
|
40
40
|
//# sourceMappingURL=Collapse.js.map
|
package/lib/esm/Collapse.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../src/Collapse.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../src/Collapse.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAW5E,MAAM,CAAC,MAAM,QAAQ,GAAsB,UAAU,EACjD,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,uBAAuB,EACpC,MAAM,EACN,YAAY,EACZ,YAAY,GACf;IACG,MAAM,YAAY,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IACnD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEjD,SAAS,CACL;QACI,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,UAAU,CAAC,CACf,CAAC;IAEF,SAAS,IAAI;QACT,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAClB,OAAO;SACV;QACD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACjB,GAAG,KAAK;YACR,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;SAC/C,CAAC,CAAC,CAAC;IACR,CAAC;IAED,SAAS,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAClB,OAAO;SACV;QACD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACjB,GAAG,KAAK;YACR,MAAM,EAAE,KAAK;SAChB,CAAC,CAAC,CAAC;IACR,CAAC;IAED,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,MAAM,EAAE;YACR,IAAI,EAAE,CAAC;SACV;aAAM;YACH,KAAK,EAAE,CAAC;SACX;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,6BACI,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,iBAAiB,GAAG,SAAS,EACxC,KAAK,EAAE;YACH,QAAQ,EAAE,QAAQ;YAClB,GAAG,KAAK;SACX,EACD,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,IAEzB,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -59,15 +59,14 @@ export const WalletActionButton = ({ children, ...props }) => {
|
|
|
59
59
|
};
|
|
60
60
|
}, [ref, hideDropdown]);
|
|
61
61
|
if (!wallet)
|
|
62
|
-
return React.createElement(WalletSelectButton, { ...props }, children);
|
|
63
|
-
if (!address)
|
|
64
|
-
return React.createElement(WalletConnectButton, { ...props }, children);
|
|
62
|
+
return (React.createElement(WalletSelectButton, { onClick: hideDropdown, ...props }, children));
|
|
65
63
|
return (React.createElement("div", { "data-testid": "wallet-action-button", className: "adapter-dropdown" },
|
|
66
|
-
React.createElement(
|
|
67
|
-
|
|
64
|
+
!address ? (React.createElement("div", { onMouseEnter: openDropdown, onMouseLeave: hideDropdown },
|
|
65
|
+
React.createElement(WalletConnectButton, { ...props }, children))) : (React.createElement(Button, { onClick: openDropdown, style: { pointerEvents: dropdownVisible ? 'none' : 'auto', ...props.style }, icon: wallet ? wallet.adapter.icon : '', ...props }, content)),
|
|
66
|
+
React.createElement(Collapse, { className: "adapter-dropdown-collapse", isOpen: dropdownVisible, ...(!address ? { onMouseEnter: openDropdown, onMouseLeave: hideDropdown } : {}) },
|
|
68
67
|
React.createElement("ul", { ref: ref, className: "adapter-dropdown-list", role: "menu" },
|
|
69
|
-
React.createElement("li", { onClick: copyAddress, className: "adapter-dropdown-list-item", role: "menuitem" }, copied ? 'Copied' : 'Copy address'),
|
|
68
|
+
address && (React.createElement("li", { onClick: copyAddress, className: "adapter-dropdown-list-item", role: "menuitem" }, copied ? 'Copied' : 'Copy address')),
|
|
70
69
|
React.createElement("li", { onClick: changeWallet, className: "adapter-dropdown-list-item", role: "menuitem" }, "Change wallet"),
|
|
71
|
-
React.createElement("li", { onClick: handleDisconnect, className: "adapter-dropdown-list-item", role: "menuitem" }, "Disconnect")))));
|
|
70
|
+
address && (React.createElement("li", { onClick: handleDisconnect, className: "adapter-dropdown-list-item", role: "menuitem" }, "Disconnect"))))));
|
|
72
71
|
};
|
|
73
72
|
//# sourceMappingURL=WalletActionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletActionButton.js","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"WalletActionButton.js","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"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"}
|
package/lib/types/Collapse.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../src/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;IAC1C,MAAM,EAAE,OAAO,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../src/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;IAC1C,MAAM,EAAE,OAAO,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6DtC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletActionButton.d.ts","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"WalletActionButton.d.ts","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,WAAW,CAyG9C,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tronweb3/tronwallet-adapter-react-ui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"keywords": [
|
|
5
5
|
"TRON",
|
|
6
6
|
"TronWeb",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@tronweb3/tronwallet-abstract-adapter": "^1.1.0",
|
|
47
|
-
"@tronweb3/tronwallet-adapter-react-hooks": "^1.
|
|
47
|
+
"@tronweb3/tronwallet-adapter-react-hooks": "^1.1.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@testing-library/jest-dom": "^5.16.5",
|
package/src/Collapse.tsx
CHANGED
|
@@ -6,6 +6,8 @@ export type CollapseProps = PropsWithChildren<{
|
|
|
6
6
|
id?: string;
|
|
7
7
|
className?: string;
|
|
8
8
|
transition?: string;
|
|
9
|
+
onMouseEnter?: () => void;
|
|
10
|
+
onMouseLeave?: () => void;
|
|
9
11
|
}>;
|
|
10
12
|
|
|
11
13
|
export const Collapse: FC<CollapseProps> = function ({
|
|
@@ -13,6 +15,8 @@ export const Collapse: FC<CollapseProps> = function ({
|
|
|
13
15
|
className,
|
|
14
16
|
transition = 'height 250ms ease-out',
|
|
15
17
|
isOpen,
|
|
18
|
+
onMouseEnter,
|
|
19
|
+
onMouseLeave,
|
|
16
20
|
}) {
|
|
17
21
|
const initialState = { height: '0px', transition };
|
|
18
22
|
const wrapRef = useRef<HTMLDivElement>(null);
|
|
@@ -61,6 +65,8 @@ export const Collapse: FC<CollapseProps> = function ({
|
|
|
61
65
|
overflow: 'hidden',
|
|
62
66
|
...style,
|
|
63
67
|
}}
|
|
68
|
+
onMouseEnter={onMouseEnter}
|
|
69
|
+
onMouseLeave={onMouseLeave}
|
|
64
70
|
>
|
|
65
71
|
{children}
|
|
66
72
|
</div>
|
|
@@ -68,30 +68,48 @@ export const WalletActionButton: FC<ButtonProps> = ({ children, ...props }) => {
|
|
|
68
68
|
};
|
|
69
69
|
}, [ref, hideDropdown]);
|
|
70
70
|
|
|
71
|
-
if (!wallet)
|
|
72
|
-
|
|
71
|
+
if (!wallet)
|
|
72
|
+
return (
|
|
73
|
+
<WalletSelectButton onClick={hideDropdown} {...props}>
|
|
74
|
+
{children}
|
|
75
|
+
</WalletSelectButton>
|
|
76
|
+
);
|
|
73
77
|
|
|
74
78
|
return (
|
|
75
79
|
<div data-testid="wallet-action-button" className="adapter-dropdown">
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
80
|
+
{!address ? (
|
|
81
|
+
<div onMouseEnter={openDropdown} onMouseLeave={hideDropdown}>
|
|
82
|
+
<WalletConnectButton {...props}>{children}</WalletConnectButton>
|
|
83
|
+
</div>
|
|
84
|
+
) : (
|
|
85
|
+
<Button
|
|
86
|
+
onClick={openDropdown}
|
|
87
|
+
style={{ pointerEvents: dropdownVisible ? 'none' : 'auto', ...props.style }}
|
|
88
|
+
icon={wallet ? wallet.adapter.icon : ''}
|
|
89
|
+
{...props}
|
|
90
|
+
>
|
|
91
|
+
{content}
|
|
92
|
+
</Button>
|
|
93
|
+
)}
|
|
94
|
+
<Collapse
|
|
95
|
+
className="adapter-dropdown-collapse"
|
|
96
|
+
isOpen={dropdownVisible}
|
|
97
|
+
{...(!address ? { onMouseEnter: openDropdown, onMouseLeave: hideDropdown } : {})}
|
|
81
98
|
>
|
|
82
|
-
{content}
|
|
83
|
-
</Button>
|
|
84
|
-
<Collapse className="adapter-dropdown-collapse" isOpen={dropdownVisible}>
|
|
85
99
|
<ul ref={ref} className="adapter-dropdown-list" role="menu">
|
|
86
|
-
|
|
87
|
-
{
|
|
88
|
-
|
|
100
|
+
{address && (
|
|
101
|
+
<li onClick={copyAddress} className="adapter-dropdown-list-item" role="menuitem">
|
|
102
|
+
{copied ? 'Copied' : 'Copy address'}
|
|
103
|
+
</li>
|
|
104
|
+
)}
|
|
89
105
|
<li onClick={changeWallet} className="adapter-dropdown-list-item" role="menuitem">
|
|
90
106
|
Change wallet
|
|
91
107
|
</li>
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
108
|
+
{address && (
|
|
109
|
+
<li onClick={handleDisconnect} className="adapter-dropdown-list-item" role="menuitem">
|
|
110
|
+
Disconnect
|
|
111
|
+
</li>
|
|
112
|
+
)}
|
|
95
113
|
</ul>
|
|
96
114
|
</Collapse>
|
|
97
115
|
</div>
|
package/style.css
CHANGED
|
@@ -170,9 +170,8 @@
|
|
|
170
170
|
}
|
|
171
171
|
.adapter-dropdown-collapse {
|
|
172
172
|
position: absolute;
|
|
173
|
-
top: 0;
|
|
174
173
|
margin: auto;
|
|
175
|
-
top:
|
|
174
|
+
top: 100%;
|
|
176
175
|
right: 0;
|
|
177
176
|
left: 0;
|
|
178
177
|
display: inline-flex;
|
|
@@ -183,9 +182,12 @@
|
|
|
183
182
|
list-style-type: none;
|
|
184
183
|
border-radius: 10px;
|
|
185
184
|
font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
|
|
186
|
-
box-shadow: 0 2px 3px #0009;
|
|
187
185
|
flex-direction: column;
|
|
186
|
+
position: relative;
|
|
187
|
+
top: 5px;
|
|
188
188
|
padding: 5px;
|
|
189
|
+
overflow: hidden;
|
|
190
|
+
height: min-content;
|
|
189
191
|
background: #2c2d30;
|
|
190
192
|
}
|
|
191
193
|
.adapter-dropdown-list li {
|