@hyperlane-xyz/widgets
Version:
Common react components for Hyperlane projects
23 lines • 1.59 kB
JavaScript
import React, { useContext, useState } from 'react';
import { SpinnerIcon } from '../../icons/Spinner.js';
import { GatewayApiContext, PopupContext, RdtContext } from './contexts.js';
export const RdtProvider = ({ value, children, }) => React.createElement(RdtContext.Provider, { value: value }, children);
export const GatewayApiProvider = ({ value, children, }) => (React.createElement(GatewayApiContext.Provider, { value: value }, children));
export const PopupProvider = ({ children }) => {
const [showPopUp, setShowPopUp] = useState(false);
return (React.createElement(PopupContext.Provider, { value: { showPopUp, setShowPopUp } },
showPopUp && (React.createElement("div", { className: "RadixWalletPopupOverlay" },
React.createElement("div", { className: "RadixWalletPopup" },
React.createElement("div", { style: {
display: 'flex',
alignItems: 'center',
fontWeight: 'bold',
} },
React.createElement(SpinnerIcon, { width: 18, height: 18, style: { marginRight: '10px' } }),
"Login Request Pending"),
React.createElement("div", { style: { marginTop: '10px' } }, "Open Your Radix Wallet App to complete the request"),
React.createElement("button", { style: { marginTop: '10px', textDecoration: 'underline' }, onClick: () => setShowPopUp(false) }, "Cancel")))),
children));
};
export const usePopup = () => useContext(PopupContext);
//# sourceMappingURL=RadixProviders.js.map