@bosonprotocol/react-kit 0.32.0-alpha.3 → 0.32.0-alpha.4
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/buttons/BaseButton.d.ts +1 -0
- package/dist/cjs/components/buttons/BaseButton.d.ts.map +1 -1
- package/dist/cjs/components/buttons/BaseButton.js +2 -2
- package/dist/cjs/components/buttons/BaseButton.js.map +1 -1
- package/dist/cjs/components/modal/Modal.d.ts.map +1 -1
- package/dist/cjs/components/modal/Modal.js +0 -8
- package/dist/cjs/components/modal/Modal.js.map +1 -1
- package/dist/cjs/components/modal/ModalProvider.d.ts +1 -1
- package/dist/cjs/components/modal/ModalProvider.d.ts.map +1 -1
- package/dist/cjs/components/modal/ModalProvider.js +3 -2
- package/dist/cjs/components/modal/ModalProvider.js.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts +4 -3
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.js +4 -39
- package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.js.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/IconButton.d.ts +2 -1
- package/dist/cjs/components/wallet2/accountDrawer/IconButton.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/accountDrawer/IconButton.js +6 -6
- package/dist/cjs/components/wallet2/accountDrawer/IconButton.js.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/Option.d.ts +2 -1
- package/dist/cjs/components/wallet2/walletModal/Option.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/Option.js +3 -3
- package/dist/cjs/components/wallet2/walletModal/Option.js.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/index.d.ts +4 -1
- package/dist/cjs/components/wallet2/walletModal/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/walletModal/index.js +3 -3
- package/dist/cjs/components/wallet2/walletModal/index.js.map +1 -1
- package/dist/cjs/components/wallet2/web3Status/index.d.ts.map +1 -1
- package/dist/cjs/components/wallet2/web3Status/index.js +1 -54
- package/dist/cjs/components/wallet2/web3Status/index.js.map +1 -1
- package/dist/cjs/components/widgets/commit/CommitWidgetProviders.d.ts +1 -1
- package/dist/cjs/components/widgets/commit/CommitWidgetProviders.d.ts.map +1 -1
- package/dist/cjs/components/widgets/commit/CommitWidgetProviders.js +3 -3
- package/dist/cjs/components/widgets/commit/CommitWidgetProviders.js.map +1 -1
- package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.js +2 -2
- package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.js.map +1 -1
- package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.js +2 -2
- package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.js.map +1 -1
- package/dist/esm/components/buttons/BaseButton.d.ts +1 -0
- package/dist/esm/components/buttons/BaseButton.d.ts.map +1 -1
- package/dist/esm/components/buttons/BaseButton.js +2 -2
- package/dist/esm/components/buttons/BaseButton.js.map +1 -1
- package/dist/esm/components/modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/modal/Modal.js +0 -8
- package/dist/esm/components/modal/Modal.js.map +1 -1
- package/dist/esm/components/modal/ModalProvider.d.ts +1 -1
- package/dist/esm/components/modal/ModalProvider.d.ts.map +1 -1
- package/dist/esm/components/modal/ModalProvider.js +2 -2
- package/dist/esm/components/modal/ModalProvider.js.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts +4 -3
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.js +4 -39
- package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.js.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/IconButton.d.ts +2 -1
- package/dist/esm/components/wallet2/accountDrawer/IconButton.d.ts.map +1 -1
- package/dist/esm/components/wallet2/accountDrawer/IconButton.js +6 -6
- package/dist/esm/components/wallet2/accountDrawer/IconButton.js.map +1 -1
- package/dist/esm/components/wallet2/walletModal/Option.d.ts +2 -1
- package/dist/esm/components/wallet2/walletModal/Option.d.ts.map +1 -1
- package/dist/esm/components/wallet2/walletModal/Option.js +3 -3
- package/dist/esm/components/wallet2/walletModal/Option.js.map +1 -1
- package/dist/esm/components/wallet2/walletModal/index.d.ts +4 -1
- package/dist/esm/components/wallet2/walletModal/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/walletModal/index.js +3 -3
- package/dist/esm/components/wallet2/walletModal/index.js.map +1 -1
- package/dist/esm/components/wallet2/web3Status/index.d.ts.map +1 -1
- package/dist/esm/components/wallet2/web3Status/index.js +1 -54
- package/dist/esm/components/wallet2/web3Status/index.js.map +1 -1
- package/dist/esm/components/widgets/commit/CommitWidgetProviders.d.ts +1 -1
- package/dist/esm/components/widgets/commit/CommitWidgetProviders.d.ts.map +1 -1
- package/dist/esm/components/widgets/commit/CommitWidgetProviders.js +2 -2
- package/dist/esm/components/widgets/commit/CommitWidgetProviders.js.map +1 -1
- package/dist/esm/components/widgets/finance/FinanceWidgetProviders.js +1 -1
- package/dist/esm/components/widgets/finance/FinanceWidgetProviders.js.map +1 -1
- package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.js +1 -1
- package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.js.map +1 -1
- package/package.json +4 -4
- package/src/components/buttons/BaseButton.tsx +3 -2
- package/src/components/modal/Modal.tsx +0 -8
- package/src/components/modal/ModalProvider.tsx +2 -2
- package/src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx +10 -47
- package/src/components/wallet2/accountDrawer/IconButton.tsx +11 -2
- package/src/components/wallet2/walletModal/Option.tsx +8 -4
- package/src/components/wallet2/walletModal/index.tsx +14 -6
- package/src/components/wallet2/web3Status/index.tsx +3 -61
- package/src/components/widgets/commit/CommitWidgetProviders.tsx +2 -2
- package/src/components/widgets/finance/FinanceWidgetProviders.tsx +1 -1
- package/src/components/widgets/redemption/RedemptionWidgetProviders.tsx +1 -1
- package/src/stories/ConnectWallet.stories.tsx +63 -28
|
@@ -8,6 +8,7 @@ export type BaseButtonTheme = {
|
|
|
8
8
|
borderWidth?: CSSProperties["borderWidth"];
|
|
9
9
|
color?: CSSProperties["color"];
|
|
10
10
|
padding?: CSSProperties["padding"];
|
|
11
|
+
gap?: CSSProperties["gap"];
|
|
11
12
|
hover?: {
|
|
12
13
|
background?: CSSProperties["backgroundColor"];
|
|
13
14
|
borderColor?: CSSProperties["borderColor"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,oBAAoB,EAEpB,SAAS,EAEV,MAAM,OAAO,CAAC;AACf,OAAe,EAAO,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQ/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AA6F9C,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE;QACN,UAAU,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC9C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC3C,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAChC,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC9C,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAChC,CAAC;CACH,CAAC;AACF,KAAK,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,UAAU;eAVV,eAAe;cAChB,MAAM,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS;;WAEzD,eAAe;;;;;2CAiEvB,CAAC"}
|
|
1
|
+
{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,oBAAoB,EAEpB,SAAS,EAEV,MAAM,OAAO,CAAC;AACf,OAAe,EAAO,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQ/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AA6F9C,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE;QACN,UAAU,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC9C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC3C,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAChC,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC9C,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAChC,CAAC;CACH,CAAC;AACF,KAAK,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,UAAU;eAVV,eAAe;cAChB,MAAM,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS;;WAEzD,eAAe;;;;;2CAiEvB,CAAC"}
|
|
@@ -127,7 +127,7 @@ const ChildWrapperButton = styled_components_1.default.div `
|
|
|
127
127
|
display: flex;
|
|
128
128
|
align-items: center;
|
|
129
129
|
justify-content: center;
|
|
130
|
-
gap: 12px;
|
|
130
|
+
gap: ${(props) => { var _a; return ((_a = props.theme) === null || _a === void 0 ? void 0 : _a.gap) || "12px"; }};
|
|
131
131
|
position: relative;
|
|
132
132
|
z-index: ${zIndex_1.zIndex.Button};
|
|
133
133
|
|
|
@@ -143,7 +143,7 @@ exports.BaseButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
143
143
|
}, [rest === null || rest === void 0 ? void 0 : rest.disabled, tooltip]);
|
|
144
144
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
145
145
|
react_1.default.createElement(Wrapper, null,
|
|
146
|
-
react_1.default.createElement(ButtonWithThemeProps, Object.assign({ onClick: onClick, type: type, size: size, fill: fill ? fill : undefined, theme: theme }, rest, { ref: ref }), isLoading ? (react_1.default.createElement(Loading_1.Loading, null)) : (react_1.default.createElement(ChildWrapperButton, { "data-child-wrapper-button": true },
|
|
146
|
+
react_1.default.createElement(ButtonWithThemeProps, Object.assign({ onClick: onClick, type: type, size: size, fill: fill ? fill : undefined, theme: theme }, rest, { ref: ref }), isLoading ? (react_1.default.createElement(Loading_1.Loading, null)) : (react_1.default.createElement(ChildWrapperButton, { "data-child-wrapper-button": true, theme: theme },
|
|
147
147
|
children,
|
|
148
148
|
step !== 0 && (react_1.default.createElement(Typography_1.Typography, null,
|
|
149
149
|
react_1.default.createElement("small", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/BaseButton.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/BaseButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAuMlD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACtC,SAAS,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAClC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,KAAU,EACV,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAe,EACf,SAAS,EACV,EAAE,KAAK,qBA4CP"}
|
|
@@ -148,16 +148,8 @@ const Wrapper = styled_components_1.default.div `
|
|
|
148
148
|
}};
|
|
149
149
|
${({ $modalType }) => {
|
|
150
150
|
switch ($modalType) {
|
|
151
|
-
case "PRODUCT_CREATE_SUCCESS":
|
|
152
|
-
return (0, styled_components_1.css) `
|
|
153
|
-
max-width: 65.875rem;
|
|
154
|
-
`;
|
|
155
151
|
case "FINANCE_WITHDRAW_MODAL":
|
|
156
152
|
case "FINANCE_DEPOSIT_MODAL":
|
|
157
|
-
case "MANAGE_FUNDS_MODAL":
|
|
158
|
-
case "EXPIRE_VOUCHER_MODAL":
|
|
159
|
-
case "DISPUTE_RESOLUTION_DECIDE_MODAL":
|
|
160
|
-
case "DISPUTE_RESOLUTION_REFUSE_MODAL":
|
|
161
153
|
return (0, styled_components_1.css) `
|
|
162
154
|
${breakpoint_1.breakpoint.xs} {
|
|
163
155
|
max-width: 31.25rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,6 @@ import React from "react";
|
|
|
2
2
|
interface Props {
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
}
|
|
5
|
-
export
|
|
5
|
+
export declare function ModalProvider({ children }: Props): JSX.Element;
|
|
6
6
|
export {};
|
|
7
7
|
//# sourceMappingURL=ModalProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/ModalProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqD1B,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,
|
|
1
|
+
{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/ModalProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqD1B,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,eA+DhD"}
|
|
@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.ModalProvider = void 0;
|
|
29
30
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
30
31
|
/* eslint @typescript-eslint/no-empty-function: "off" */
|
|
31
32
|
const react_1 = __importDefault(require("react"));
|
|
@@ -53,7 +54,6 @@ const RenderModalComponent = ({ store, hideModal }) => {
|
|
|
53
54
|
react_1.default.createElement(ModalComponent, Object.assign({ id: "modal" }, store.modalProps, { hideModal: hideModal }))));
|
|
54
55
|
};
|
|
55
56
|
function ModalProvider({ children }) {
|
|
56
|
-
// const { pathname } = useLocation();
|
|
57
57
|
const [store, setStore] = (0, react_2.useState)(ModalContext_1.initalState.store);
|
|
58
58
|
const showModal = (0, react_2.useCallback)((modalType, modalProps, modalSize, theme, modalMaxWidth) => {
|
|
59
59
|
setStore(Object.assign(Object.assign({}, store), { modalType,
|
|
@@ -73,6 +73,7 @@ function ModalProvider({ children }) {
|
|
|
73
73
|
setStore(Object.assign({}, store));
|
|
74
74
|
}, []);
|
|
75
75
|
// TODO: check if this is necessary
|
|
76
|
+
// const { pathname } = useLocation();
|
|
76
77
|
// useEffect(() => {
|
|
77
78
|
// if (store.modalType !== null) {
|
|
78
79
|
// hideModal();
|
|
@@ -88,5 +89,5 @@ function ModalProvider({ children }) {
|
|
|
88
89
|
children,
|
|
89
90
|
react_1.default.createElement(RenderModalComponent, { store: store, hideModal: hideModal })));
|
|
90
91
|
}
|
|
91
|
-
exports.
|
|
92
|
+
exports.ModalProvider = ModalProvider;
|
|
92
93
|
//# sourceMappingURL=ModalProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalProvider.js","sourceRoot":"","sources":["../../../../src/components/modal/ModalProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalProvider.js","sourceRoot":"","sources":["../../../../src/components/modal/ModalProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconProps } from "phosphor-react";
|
|
3
3
|
import { CSSProperties } from "styled-components";
|
|
4
|
+
import { BaseButtonTheme } from "../../buttons/BaseButton";
|
|
4
5
|
export declare function PortfolioArrow({ change, ...rest }: {
|
|
5
6
|
change: number;
|
|
6
7
|
} & IconProps): JSX.Element;
|
|
@@ -9,8 +10,8 @@ export type AuthenticatedHeaderProps = {
|
|
|
9
10
|
onUserDisconnect?: () => unknown;
|
|
10
11
|
disconnectColor: CSSProperties["color"];
|
|
11
12
|
disconnectBackgroundColor: CSSProperties["backgroundColor"];
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
disconnectBorderRadius: CSSProperties["borderRadius"];
|
|
14
|
+
buyCryptoTheme: BaseButtonTheme;
|
|
14
15
|
};
|
|
15
|
-
export declare function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor,
|
|
16
|
+
export declare function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor, disconnectBorderRadius, buyCryptoTheme }: AuthenticatedHeaderProps): JSX.Element;
|
|
16
17
|
//# sourceMappingURL=AuthenticatedHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthenticatedHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKL,SAAS,EAGV,MAAM,gBAAgB,CAAC;AAExB,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"AuthenticatedHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKL,SAAS,EAGV,MAAM,gBAAgB,CAAC;AAExB,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAsB1D,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AA2FvE,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,GAAG,IAAI,EACR,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,eAMhC;AACD,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACxC,yBAAyB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC5D,sBAAsB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACtD,cAAc,EAAE,eAAe,CAAC;CACjC,CAAC;AACF,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,sBAAsB,EACtB,cAAc,EACf,EAAE,wBAAwB,eAsJ1B"}
|
|
@@ -67,6 +67,7 @@ const Tooltip_1 = require("../../tooltip/Tooltip");
|
|
|
67
67
|
const copyToClipboard_1 = require("../../../lib/copy/copyToClipboard");
|
|
68
68
|
const ConnectionsProvider_1 = require("../../connection/ConnectionsProvider");
|
|
69
69
|
const core_1 = require("@web3-react/core");
|
|
70
|
+
const BaseButton_1 = require("../../buttons/BaseButton");
|
|
70
71
|
const colors = theme_1.theme.colors.light;
|
|
71
72
|
const AuthenticatedHeaderWrapper = styled_components_1.default.div `
|
|
72
73
|
padding: 20px 16px;
|
|
@@ -74,42 +75,6 @@ const AuthenticatedHeaderWrapper = styled_components_1.default.div `
|
|
|
74
75
|
flex-direction: column;
|
|
75
76
|
flex: 1;
|
|
76
77
|
`;
|
|
77
|
-
const HeaderButton = styled_components_1.default.button `
|
|
78
|
-
color: ${({ $color }) => $color};
|
|
79
|
-
background-color: ${({ $backgroundColor }) => $backgroundColor};
|
|
80
|
-
width: 100%;
|
|
81
|
-
display: flex;
|
|
82
|
-
justify-content: center;
|
|
83
|
-
align-items: center;
|
|
84
|
-
gap: 0.5rem;
|
|
85
|
-
border-color: transparent;
|
|
86
|
-
border-radius: 12px;
|
|
87
|
-
border-style: solid;
|
|
88
|
-
border-width: 1px;
|
|
89
|
-
height: 40px;
|
|
90
|
-
margin-top: 8px;
|
|
91
|
-
|
|
92
|
-
position: relative;
|
|
93
|
-
z-index: 1;
|
|
94
|
-
letter-spacing: 0.5px;
|
|
95
|
-
font-style: normal;
|
|
96
|
-
font-size: 1rem;
|
|
97
|
-
font-weight: 500;
|
|
98
|
-
line-height: 24px;
|
|
99
|
-
|
|
100
|
-
&:hover:not(:disabled) {
|
|
101
|
-
background-color: color-mix(
|
|
102
|
-
in srgb,
|
|
103
|
-
${({ $backgroundColor }) => $backgroundColor} 90%,
|
|
104
|
-
black
|
|
105
|
-
);
|
|
106
|
-
transition: 125ms background-color ease-in;
|
|
107
|
-
}
|
|
108
|
-
&:disabled {
|
|
109
|
-
cursor: not-allowed;
|
|
110
|
-
opacity: 0.5;
|
|
111
|
-
}
|
|
112
|
-
`;
|
|
113
78
|
const IconHoverText = styled_components_1.default.span `
|
|
114
79
|
color: ${colors.white};
|
|
115
80
|
position: absolute;
|
|
@@ -190,7 +155,7 @@ function PortfolioArrow(_a) {
|
|
|
190
155
|
return change < 0 ? (react_1.default.createElement(phosphor_react_1.ArrowDownRight, Object.assign({ size: 20 }, rest))) : (react_1.default.createElement(phosphor_react_1.ArrowUpRight, Object.assign({ size: 20 }, rest)));
|
|
191
156
|
}
|
|
192
157
|
exports.PortfolioArrow = PortfolioArrow;
|
|
193
|
-
function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor,
|
|
158
|
+
function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disconnectBackgroundColor, disconnectBorderRadius, buyCryptoTheme }) {
|
|
194
159
|
const { connector } = (0, core_1.useWeb3React)();
|
|
195
160
|
const { ENSName } = (0, useENSName_1.useENSName)(account);
|
|
196
161
|
const connection = (0, ConnectionsProvider_1.getConnection)(connector, (0, ConnectionsProvider_1.useConnections)());
|
|
@@ -245,10 +210,10 @@ function AuthenticatedHeader({ account, onUserDisconnect, disconnectColor, disco
|
|
|
245
210
|
}) },
|
|
246
211
|
react_1.default.createElement(phosphor_react_1.Copy, { size: 14 }))))))),
|
|
247
212
|
react_1.default.createElement(IconContainer, null,
|
|
248
|
-
react_1.default.createElement(StyledIconWithConfirmTextButton, { "data-testid": "wallet-disconnect", onConfirm: () => disconnect({ isUserDisconnecting: true, onUserDisconnect }), Icon: phosphor_react_1.SignOut, text: "Disconnect", dismissOnHoverOut: true, color: disconnectColor, backgroundColor: disconnectBackgroundColor }))),
|
|
213
|
+
react_1.default.createElement(StyledIconWithConfirmTextButton, { "data-testid": "wallet-disconnect", onConfirm: () => disconnect({ isUserDisconnecting: true, onUserDisconnect }), Icon: phosphor_react_1.SignOut, text: "Disconnect", dismissOnHoverOut: true, color: disconnectColor, backgroundColor: disconnectBackgroundColor, borderRadius: disconnectBorderRadius }))),
|
|
249
214
|
react_1.default.createElement(PortfolioDrawerContainer, null,
|
|
250
215
|
react_1.default.createElement(FiatLink_1.FiatLink, null,
|
|
251
|
-
react_1.default.createElement(
|
|
216
|
+
react_1.default.createElement(BaseButton_1.BaseButton, { fill: true, theme: buyCryptoTheme,
|
|
252
217
|
// onClick={handleBuyCryptoClick}
|
|
253
218
|
// disabled={disableBuyCryptoButton}
|
|
254
219
|
disabled: isFiatLoading, "data-testid": "wallet-buy-crypto" }, error ? (react_1.default.createElement(Typography_1.Typography, null, error)) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthenticatedHeader.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAQwB;AACxB,+CAAqD;AACrD,0EAA0D;AAE1D,oDAAiD;AACjD,yEAAiD;AACjD,yDAA0E;AAC1E,mDAAmD;AACnD,6CAAyD;AACzD,oEAA4C;AAC5C,4CAAyC;AACzC,0CAAuC;AACvC,8DAA2D;AAC3D,2EAAwE;AACxE,0DAA6D;AAC7D,0DAAqD;AACrD,sDAAmD;AACnD,mDAAgD;AAChD,uEAAoE;AACpE,8EAG8C;AAC9C,2CAAgD;AAChD,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,0BAA0B,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAK5C,CAAC;AAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"AuthenticatedHeader.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,12 +18,13 @@ type IconWithTextProps = (IconButtonProps | IconLinkProps) & {
|
|
|
18
18
|
dismissOnHoverDurationMs?: number;
|
|
19
19
|
color: CSSProperties["color"];
|
|
20
20
|
backgroundColor: CSSProperties["backgroundColor"];
|
|
21
|
+
borderRadius: CSSProperties["borderRadius"];
|
|
21
22
|
};
|
|
22
23
|
/**
|
|
23
24
|
* Allows for hiding and showing some text next to an IconButton
|
|
24
25
|
* Note that for width transitions to animate in CSS we need to always specify the width (no auto)
|
|
25
26
|
* so there's resize observing and measuring going on here.
|
|
26
27
|
*/
|
|
27
|
-
export declare const IconWithConfirmTextButton: ({ Icon, text, onConfirm, onShowConfirm, onClick, dismissOnHoverOut, dismissOnHoverDurationMs, color, backgroundColor, ...rest }: IconWithTextProps) => JSX.Element;
|
|
28
|
+
export declare const IconWithConfirmTextButton: ({ Icon, text, onConfirm, onShowConfirm, onClick, dismissOnHoverOut, dismissOnHoverDurationMs, color, backgroundColor, borderRadius, ...rest }: IconWithTextProps) => JSX.Element;
|
|
28
29
|
export {};
|
|
29
30
|
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAmF/D,UAAU,SAAS;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,aACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,SAAS;CAAG;AAChB,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAC9C,SAAS;CAAG;AAuChB,KAAK,iBAAiB,GAAG,CAAC,eAAe,GAAG,aAAa,CAAC,GAAG;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAgBF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,kJAYnC,iBAAiB,gBA8HnB,CAAC"}
|
|
@@ -58,7 +58,7 @@ const IconStyles = (0, styled_components_1.css) `
|
|
|
58
58
|
/* TODO: background-color: var(--buttonBgColor); */
|
|
59
59
|
background-color: ${({ $backgroundColor }) => $backgroundColor};
|
|
60
60
|
transition: ${getWidthTransition};
|
|
61
|
-
border-radius: 12px;
|
|
61
|
+
border-radius: ${({ $borderRadius }) => $borderRadius || "12px"};
|
|
62
62
|
display: flex;
|
|
63
63
|
padding: 0;
|
|
64
64
|
cursor: pointer;
|
|
@@ -102,9 +102,9 @@ const IconWrapper = styled_components_1.default.span `
|
|
|
102
102
|
display: flex;
|
|
103
103
|
`;
|
|
104
104
|
const IconBlock = (0, react_1.forwardRef)(function IconBlock(props, ref) {
|
|
105
|
-
const { color, backgroundColor } = props;
|
|
105
|
+
const { color, backgroundColor, borderRadius } = props;
|
|
106
106
|
if ("href" in props) {
|
|
107
|
-
return (react_1.default.createElement(IconBlockLink, Object.assign({ ref: ref, "$color": color, "$backgroundColor": backgroundColor }, props)));
|
|
107
|
+
return (react_1.default.createElement(IconBlockLink, Object.assign({ ref: ref, "$color": color, "$backgroundColor": backgroundColor, "$borderRadius": borderRadius }, props)));
|
|
108
108
|
}
|
|
109
109
|
return (react_1.default.createElement(IconBlockButton
|
|
110
110
|
// ignoring 'button' 'type' conflict between React and styled-components
|
|
@@ -114,7 +114,7 @@ const IconBlock = (0, react_1.forwardRef)(function IconBlock(props, ref) {
|
|
|
114
114
|
// ignoring 'button' 'type' conflict between React and styled-components
|
|
115
115
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
116
116
|
// @ts-ignore
|
|
117
|
-
ref: ref, "$color": color, "$backgroundColor": backgroundColor }, props)));
|
|
117
|
+
ref: ref, "$color": color, "$backgroundColor": backgroundColor, "$borderRadius": borderRadius }, props)));
|
|
118
118
|
});
|
|
119
119
|
const TextWrapper = styled_components_1.default.div `
|
|
120
120
|
display: flex;
|
|
@@ -134,7 +134,7 @@ const TextHide = styled_components_1.default.div `
|
|
|
134
134
|
* so there's resize observing and measuring going on here.
|
|
135
135
|
*/
|
|
136
136
|
const IconWithConfirmTextButton = (_a) => {
|
|
137
|
-
var { Icon, text, onConfirm, onShowConfirm, onClick, dismissOnHoverOut, dismissOnHoverDurationMs = 500, color, backgroundColor } = _a, rest = __rest(_a, ["Icon", "text", "onConfirm", "onShowConfirm", "onClick", "dismissOnHoverOut", "dismissOnHoverDurationMs", "color", "backgroundColor"]);
|
|
137
|
+
var { Icon, text, onConfirm, onShowConfirm, onClick, dismissOnHoverOut, dismissOnHoverDurationMs = 500, color, backgroundColor, borderRadius } = _a, rest = __rest(_a, ["Icon", "text", "onConfirm", "onShowConfirm", "onClick", "dismissOnHoverOut", "dismissOnHoverDurationMs", "color", "backgroundColor", "borderRadius"]);
|
|
138
138
|
const [showText, setShowTextWithoutCallback] = (0, react_1.useState)(false);
|
|
139
139
|
const [frame, setFrame] = (0, react_1.useState)();
|
|
140
140
|
const frameObserver = (0, use_resize_observer_1.default)();
|
|
@@ -197,7 +197,7 @@ const IconWithConfirmTextButton = (_a) => {
|
|
|
197
197
|
width,
|
|
198
198
|
paddingLeft: xPad,
|
|
199
199
|
paddingRight: xPad
|
|
200
|
-
}, color: color, backgroundColor: backgroundColor,
|
|
200
|
+
}, color: color, backgroundColor: backgroundColor, borderRadius: borderRadius,
|
|
201
201
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
202
202
|
// @ts-ignore MouseEvent is valid, its a subset of the two mouse events,
|
|
203
203
|
// even manually typing this all out more specifically it still gets mad about any casting for some reason
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAMe;AACf,uEAA+D;AAC/D,8EAAoD;AACpD,wCAAqC;AAErC,MAAM,aAAa,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;CAShC,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,yBAAyB,CAAC;AAE3D,MAAM,UAAU,GAAG,IAAA,uBAAG,
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/accountDrawer/IconButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ export interface OptionProps {
|
|
|
7
7
|
hoverFocusBackgroundColor: CSSProperties["backgroundColor"];
|
|
8
8
|
hoverColor: CSSProperties["color"];
|
|
9
9
|
backgroundColor: CSSProperties["backgroundColor"];
|
|
10
|
+
borderRadius: CSSProperties["borderRadius"];
|
|
10
11
|
}
|
|
11
|
-
export declare function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor }: OptionProps): JSX.Element;
|
|
12
|
+
export declare function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor, borderRadius }: OptionProps): JSX.Element;
|
|
12
13
|
//# sourceMappingURL=Option.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":";AACA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAI/D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":";AACA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAI/D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAoGpD,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,yBAAyB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC5D,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CAC7C;AACD,wBAAgB,MAAM,CAAC,EACrB,UAAU,EACV,KAAK,EACL,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,YAAY,EACb,EAAE,WAAW,eAsCb"}
|
|
@@ -76,7 +76,7 @@ const IconWrapper = styled_components_1.default.div `
|
|
|
76
76
|
img,
|
|
77
77
|
svg {
|
|
78
78
|
border: 1px solid ${colors.border};
|
|
79
|
-
border-radius:
|
|
79
|
+
border-radius: ${({ $borderRadius }) => $borderRadius};
|
|
80
80
|
}
|
|
81
81
|
& > img,
|
|
82
82
|
& > svg,
|
|
@@ -112,7 +112,7 @@ const Wrapper = styled_components_1.default.div `
|
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
`;
|
|
115
|
-
function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor }) {
|
|
115
|
+
function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor, borderRadius }) {
|
|
116
116
|
var _a;
|
|
117
117
|
const { activationState, tryActivation } = (0, activate_1.useActivationState)();
|
|
118
118
|
const toggleAccountDrawer = (0, accountDrawer_1.useToggleAccountDrawer)();
|
|
@@ -123,7 +123,7 @@ function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, back
|
|
|
123
123
|
return (react_1.default.createElement(Wrapper, { disabled: isSomeOptionPending, "$hoverFocusBackgroundColor": hoverFocusBackgroundColor, "$hoverColor": hoverColor, "$backgroundColor": backgroundColor },
|
|
124
124
|
react_1.default.createElement(OptionCardClickable, { disabled: isSomeOptionPending, onClick: activate, selected: isCurrentOptionPending, "data-testid": `wallet-option-${connection.type}` },
|
|
125
125
|
react_1.default.createElement(OptionCardLeft, null,
|
|
126
|
-
react_1.default.createElement(IconWrapper,
|
|
126
|
+
react_1.default.createElement(IconWrapper, { "$borderRadius": borderRadius },
|
|
127
127
|
react_1.default.createElement(SvgImage_1.SvgImage, { src: (_a = connection.getIcon) === null || _a === void 0 ? void 0 : _a.call(connection, false), alt: connection.getName() })),
|
|
128
128
|
react_1.default.createElement(HeaderText, { "$color": color }, connection.getName())),
|
|
129
129
|
isCurrentOptionPending && react_1.default.createElement(Spinner_1.Spinner, null))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAA+D;AAE/D,oDAA0D;AAC1D,sCAA4D;AAE5D,qEAAkE;AAClE,wDAGmC;AACnC,0CAAuC;AACvC,2DAAwD;AACxD,sDAAmD;AACnD,gDAA6C;AAE7C,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;IAC7B,yBAAgB;;;CAGnB,CAAC;AAEF,MAAM,mBAAmB,GAAG,2BAAM,CAAC,MAAM,CAAuB;;;;;;;;;aASnD,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;;IAG1E,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;KAEF;CACJ,CAAC;AAEF,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAoC;IAC7D,sBAAa;;;WAGN,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;CAIhC,CAAC;AACF,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAA+D;AAE/D,oDAA0D;AAC1D,sCAA4D;AAE5D,qEAAkE;AAClE,wDAGmC;AACnC,0CAAuC;AACvC,2DAAwD;AACxD,sDAAmD;AACnD,gDAA6C;AAE7C,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;IAC7B,yBAAgB;;;CAGnB,CAAC;AAEF,MAAM,mBAAmB,GAAG,2BAAM,CAAC,MAAM,CAAuB;;;;;;;;;aASnD,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;;IAG1E,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;KAEF;CACJ,CAAC;AAEF,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAoC;IAC7D,sBAAa;;;WAGN,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;CAIhC,CAAC;AACF,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAE5B;IACE,yBAAgB;;;;;wBAKI,MAAM,CAAC,MAAM;qBAChB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;;;;;;;IAQrD,uBAAU,CAAC,CAAC;;;CAGf,CAAC;AAEF,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAKxB;;;;;;;;sBAQoB,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,gBAAgB;;;cAGlD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,SAAS;wBAC9B,CAAC,EAAE,QAAQ,EAAE,0BAA0B,EAAE,EAAE,EAAE,CAC/D,CAAC,QAAQ,IAAI,0BAA0B;MACvC,UAAU;eACD,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,WAAW;;;;wBAI9C,CAAC,EAAE,QAAQ,EAAE,0BAA0B,EAAE,EAAE,EAAE,CAC/D,CAAC,QAAQ,IAAI,0BAA0B;MACvC,UAAU;eACD,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,WAAW;;;CAGrE,CAAC;AAUF,SAAgB,MAAM,CAAC,EACrB,UAAU,EACV,KAAK,EACL,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,YAAY,EACA;;IACZ,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,IAAA,6BAAkB,GAAE,CAAC;IAChE,MAAM,mBAAmB,GAAG,IAAA,sCAAsB,GAAE,CAAC;IACrD,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAC7B,MAAM,QAAQ,GAAG,GAAG,EAAE,CACpB,aAAa,CAAC,UAAU,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC;IAE1D,MAAM,mBAAmB,GACvB,eAAe,CAAC,MAAM,KAAK,2BAAgB,CAAC,OAAO,CAAC;IACtD,MAAM,sBAAsB,GAC1B,mBAAmB,IAAI,eAAe,CAAC,UAAU,CAAC,IAAI,KAAK,UAAU,CAAC,IAAI,CAAC;IAE7E,OAAO,CACL,8BAAC,OAAO,IACN,QAAQ,EAAE,mBAAmB,gCACD,yBAAyB,iBACxC,UAAU,sBACL,eAAe;QAEjC,8BAAC,mBAAmB,IAClB,QAAQ,EAAE,mBAAmB,EAC7B,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,sBAAsB,iBACnB,iBAAiB,UAAU,CAAC,IAAI,EAAE;YAE/C,8BAAC,cAAc;gBACb,8BAAC,WAAW,qBAAgB,YAAY;oBACtC,8BAAC,mBAAQ,IACP,GAAG,EAAE,MAAA,UAAU,CAAC,OAAO,2DAAG,KAAK,CAAC,EAChC,GAAG,EAAE,UAAU,CAAC,OAAO,EAAE,GACzB,CACU;gBACd,8BAAC,UAAU,cAAS,KAAK,IAAG,UAAU,CAAC,OAAO,EAAE,CAAc,CAC/C;YAChB,sBAAsB,IAAI,8BAAC,iBAAO,OAAG,CAClB,CACd,CACX,CAAC;AACJ,CAAC;AA7CD,wBA6CC"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
2
3
|
import { OptionProps } from "./Option";
|
|
3
4
|
import { MagicLoginButtonProps } from "../../magicLink/Login";
|
|
4
5
|
export type WalletModalProps = {
|
|
5
6
|
PrivacyPolicy: React.FC;
|
|
6
7
|
magicLoginButtonProps: MagicLoginButtonProps;
|
|
7
|
-
optionProps: Pick<OptionProps, "color" | "hoverFocusBackgroundColor" | "hoverColor" | "backgroundColor"
|
|
8
|
+
optionProps: Pick<OptionProps, "color" | "hoverFocusBackgroundColor" | "hoverColor" | "backgroundColor" | "borderRadius"> & {
|
|
9
|
+
iconBorderRadius: CSSProperties["borderRadius"];
|
|
10
|
+
};
|
|
8
11
|
};
|
|
9
12
|
export declare function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps }: WalletModalProps): JSX.Element;
|
|
10
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK1D,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AA0BhF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,WAAW,EAAE,IAAI,CACf,WAAW,EACT,OAAO,GACP,2BAA2B,GAC3B,YAAY,GACZ,iBAAiB,GACjB,cAAc,CACjB,GAAG;QAAE,gBAAgB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC;CACzD,CAAC;AACF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACZ,EAAE,gBAAgB,eAqDlB"}
|
|
@@ -30,7 +30,7 @@ const OptionGrid = styled_components_1.default.div `
|
|
|
30
30
|
width: 100%;
|
|
31
31
|
display: grid;
|
|
32
32
|
grid-gap: 2px;
|
|
33
|
-
border-radius:
|
|
33
|
+
border-radius: ${({ $borderRadius }) => $borderRadius};
|
|
34
34
|
overflow: hidden;
|
|
35
35
|
${breakpoint_1.breakpoint.m} {
|
|
36
36
|
grid-template-columns: 1fr;
|
|
@@ -59,9 +59,9 @@ function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps }) {
|
|
|
59
59
|
return (react_1.default.createElement(Wrapper, { "data-testid": "wallet-modal" },
|
|
60
60
|
react_1.default.createElement(Grid_1.Grid, { justifyContent: "space-between", marginBottom: "16px" }, "Connect a wallet"),
|
|
61
61
|
activationState.status === activate_1.ActivationStatus.ERROR ? (react_1.default.createElement(ConnectionErrorView_1.default, null)) : (react_1.default.createElement(column_1.AutoColumn, { "$gap": "16px" },
|
|
62
|
-
react_1.default.createElement(OptionGrid, { "data-testid": "option-grid" }, connections
|
|
62
|
+
react_1.default.createElement(OptionGrid, { "data-testid": "option-grid", "$borderRadius": optionProps.borderRadius }, connections
|
|
63
63
|
.filter((connection) => connection.shouldDisplay())
|
|
64
|
-
.map((connection) => (react_1.default.createElement(Option_1.Option, Object.assign({}, optionProps, { key: connection.getName(), connection: connection }))))),
|
|
64
|
+
.map((connection) => (react_1.default.createElement(Option_1.Option, Object.assign({}, optionProps, { borderRadius: optionProps.iconBorderRadius, key: connection.getName(), connection: connection }))))),
|
|
65
65
|
react_1.default.createElement(Login_1.MagicLoginButton, Object.assign({}, magicLoginButtonProps)),
|
|
66
66
|
react_1.default.createElement(PrivacyPolicy, null)))));
|
|
67
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,2CAAgD;AAChD,iCAAkC;AAClC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,2CAAgD;AAChD,iCAAkC;AAClC,0EAA0D;AAE1D,wCAAqC;AACrC,sCAA6C;AAC7C,gFAAwD;AACxD,qCAA+C;AAC/C,wDAGmC;AACnC,iDAAgF;AAChF,qEAAkE;AAClE,2DAAwD;AACxD,4CAA6C;AAC7C,8EAAsE;AACtE,sDAA6D;AAC7D,8DAA8D;AAE9D,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;IACtB,yBAAgB;;;;CAInB,CAAC;AAEF,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAkD;;;;mBAI5D,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;IAEnD,uBAAU,CAAC,CAAC;;;CAGf,CAAC;AAcF,SAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACM;IACjB,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAgB,GAAE,CAAC;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,mBAAY,GAAE,CAAC;IACrC,MAAM,cAAc,GAAG,IAAA,oCAAc,GAAE,CAAC;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,6BAAkB,GAAE,CAAC;IAEjD,wHAAwH;IACxH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE,OAAO;YACP,IAAA,yBAAgB,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,SAAS,KAAK,cAAc,CAAC,iBAAiB,CAAC,SAAS,EACxD;YACA,cAAc,CAAC,iBAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;SAC9D;IACH,CAAC,EAAE;QACD,OAAO;QACP,cAAc,CAAC,iBAAiB,CAAC,SAAS;QAC1C,SAAS;QACT,MAAM,CAAC,OAAO;KACf,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAClD,OAAO,CACL,8BAAC,OAAO,mBAAa,cAAc;QACjC,8BAAC,WAAI,IAAC,cAAc,EAAC,eAAe,EAAC,YAAY,EAAC,MAAM,uBAEjD;QACN,eAAe,CAAC,MAAM,KAAK,2BAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CACnD,8BAAC,6BAAmB,OAAG,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAU,YAAM,MAAM;YACrB,8BAAC,UAAU,mBACG,aAAa,mBACV,WAAW,CAAC,YAAY,IAEtC,WAAW;iBACT,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;iBAClD,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACnB,8BAAC,eAAM,oBACD,WAAW,IACf,YAAY,EAAE,WAAW,CAAC,gBAAgB,EAC1C,GAAG,EAAE,UAAU,CAAC,OAAO,EAAE,EACzB,UAAU,EAAE,UAAU,IACtB,CACH,CAAC,CACO;YACb,8BAAC,wBAAgB,oBAAK,qBAAqB,EAAI;YAC/C,8BAAC,aAAa,OAAG,CACN,CACd,CACO,CACX,CAAC;AACJ,CAAC;AAzDD,kCAyDC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAgBpE,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAgBpE,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAwKvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,eAAe,CAAC;IAClC,kBAAkB,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,GAC/D,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC;CAC3D,CAAC;AACF,eAAO,MAAM,aAAa,gDAQxB,CAAC"}
|
|
@@ -47,60 +47,7 @@ const Tooltip_1 = require("../../tooltip/Tooltip");
|
|
|
47
47
|
const Grid_1 = require("../../ui/Grid");
|
|
48
48
|
const accountDrawer_1 = require("../accountDrawer");
|
|
49
49
|
const StatusIcon_1 = __importDefault(require("../identicon/StatusIcon"));
|
|
50
|
-
const styles_1 = require("../styles");
|
|
51
|
-
const Web3StatusGeneric = styled_components_1.default.button `
|
|
52
|
-
${styles_1.flexRowNoWrap};
|
|
53
|
-
width: 100%;
|
|
54
|
-
align-items: center;
|
|
55
|
-
padding: 0.5rem;
|
|
56
|
-
cursor: pointer;
|
|
57
|
-
user-select: none;
|
|
58
|
-
|
|
59
|
-
margin-right: 2px;
|
|
60
|
-
margin-left: 2px;
|
|
61
|
-
&:focus {
|
|
62
|
-
outline: none;
|
|
63
|
-
}
|
|
64
|
-
`;
|
|
65
50
|
const breakpointWhenConnectButtonOverflows = "1300px";
|
|
66
|
-
const Web3StatusConnected = (0, styled_components_1.default)(Web3StatusGeneric) `
|
|
67
|
-
border: 2px solid transparent;
|
|
68
|
-
width: auto;
|
|
69
|
-
font-weight: 500;
|
|
70
|
-
color: ${({ $color }) => $color};
|
|
71
|
-
&:hover,
|
|
72
|
-
&:focus {
|
|
73
|
-
border: 2px solid
|
|
74
|
-
color-mix(
|
|
75
|
-
in srgb,
|
|
76
|
-
${({ $backgroundColor }) => $backgroundColor} 90%,
|
|
77
|
-
black
|
|
78
|
-
);
|
|
79
|
-
}
|
|
80
|
-
@media (min-width: ${breakpoint_1.breakpointNumbers.xs}px) and (max-width: ${breakpoint_1.breakpointNumbers.l -
|
|
81
|
-
1}px) {
|
|
82
|
-
background-color: ${({ $backgroundColor }) => $backgroundColor};
|
|
83
|
-
border: 2px solid ${({ $backgroundColor }) => $backgroundColor};
|
|
84
|
-
}
|
|
85
|
-
@media (min-width: ${breakpointWhenConnectButtonOverflows}) {
|
|
86
|
-
background-color: ${({ $backgroundColor }) => $backgroundColor};
|
|
87
|
-
border: 2px solid ${({ $backgroundColor }) => $backgroundColor};
|
|
88
|
-
}
|
|
89
|
-
${breakpoint_1.breakpoint.xxs} {
|
|
90
|
-
border-radius: 8px;
|
|
91
|
-
margin: initial;
|
|
92
|
-
* {
|
|
93
|
-
margin: initial;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
@media (min-width: ${breakpoint_1.breakpointNumbers.l}px) and (max-width: ${breakpointWhenConnectButtonOverflows}) {
|
|
97
|
-
border-radius: 8px;
|
|
98
|
-
margin: initial;
|
|
99
|
-
* {
|
|
100
|
-
margin: initial;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
`;
|
|
104
51
|
const AddressAndChevronContainer = styled_components_1.default.div `
|
|
105
52
|
display: flex;
|
|
106
53
|
|
|
@@ -169,7 +116,7 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, successButtonTheme })
|
|
|
169
116
|
? !(configsCurrentChain === null || configsCurrentChain === void 0 ? void 0 : configsCurrentChain.length)
|
|
170
117
|
: wasConnected && !(configsPreviousChain === null || configsPreviousChain === void 0 ? void 0 : configsPreviousChain.length) && isActive;
|
|
171
118
|
if (!connectedToWrongChainId && account) {
|
|
172
|
-
return (react_1.default.createElement(
|
|
119
|
+
return (react_1.default.createElement(BaseButton_1.BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme: successButtonTheme },
|
|
173
120
|
react_1.default.createElement(StatusIcon_1.default, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon }),
|
|
174
121
|
react_1.default.createElement(AddressAndChevronContainer, null,
|
|
175
122
|
react_1.default.createElement(Text, null, ENSName || (0, address_1.formatAddress)(account)))));
|