@coin-voyage/paykit
Version:
Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.
18 lines • 2.06 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { ROUTES } from "../../../types/routes";
import WalletIcon from "../../../assets/wallet";
import { Disclaimer, ModalBody, ModalContent, ModalH1, PageContent, } from "../../ui/Modal/styles";
import { InfoBox, InfoBoxButtons, LearnMoreButton, LearnMoreContainer, } from "./styles";
import { useIsMobile } from "@coin-voyage/shared/hooks";
import useLocales from "../../../hooks/useLocales";
import usePayContext from "../../contexts/pay";
import Button from "../../ui/Button";
import ConnectorList from "../../ui/ConnectorList";
import { OrderHeader } from "../../ui/OrderHeader";
export default function Connectors() {
const context = usePayContext();
const locales = useLocales();
const isMobile = useIsMobile();
return (_jsxs(PageContent, { children: [_jsx(OrderHeader, { minified: true }), _jsx(ConnectorList, {}), isMobile ? (_jsx(_Fragment, { children: _jsxs(InfoBox, { children: [_jsxs(ModalContent, { style: { padding: 0, textAlign: "left" }, children: [_jsx(ModalH1, { "$small": true, children: locales.connectorsScreen_h1 }), _jsx(ModalBody, { children: locales.connectorsScreen_p })] }), _jsxs(InfoBoxButtons, { children: [!context.options?.hideQuestionMarkCTA && (_jsx(Button, { variant: "tertiary", onClick: () => context.setRoute(ROUTES.ABOUT), children: locales.learnMore })), !context.options?.hideNoWalletCTA && (_jsx(Button, { variant: "tertiary", onClick: () => context.setRoute(ROUTES.ONBOARDING), children: locales.getWallet }))] })] }) })) : (_jsx(_Fragment, { children: !context.options?.hideNoWalletCTA && (_jsx(LearnMoreContainer, { children: _jsxs(LearnMoreButton, { onClick: () => context.setRoute(ROUTES.ONBOARDING), children: [_jsx(WalletIcon, {}), " ", locales.connectorsScreen_newcomer] }) })) })), context.options?.disclaimer && (_jsx(Disclaimer, { style: { visibility: "hidden", pointerEvents: "none" }, children: _jsx("div", { children: context.options?.disclaimer }) }))] }));
}
//# sourceMappingURL=index.js.map