@coin-voyage/paykit
Version:
Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.
27 lines (26 loc) • 1.22 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useAccount, useAccountDisconnect } from "@coin-voyage/crypto/hooks";
import { useIsMobile } from "@coin-voyage/shared/hooks";
import usePayContext from "../../contexts/pay";
import { PageContent } from "../../ui/Modal/styles";
import OptionsList from "../../ui/OptionsList";
import { OrderHeader } from "../../ui/OrderHeader";
import PoweredByFooter from "../../ui/PoweredByFooter";
import { useMethodOptions } from "../../../hooks/useMethodOptions";
export default function SelectMethod() {
const isMobile = useIsMobile();
const { paymentState } = usePayContext();
const disconnect = useAccountDisconnect();
const { account } = useAccount({
selectedWallet: paymentState.selectedWallet,
chainType: paymentState.connectorChainType,
});
const handleClick = () => {
disconnect(account);
};
const { options } = useMethodOptions({
mode: paymentState.payOrder?.mode,
onClick: handleClick,
});
return (_jsxs(PageContent, { children: [_jsx(OrderHeader, {}), _jsx(OptionsList, { requiredSkeletons: isMobile ? 3 : 4, options: options }), _jsx(PoweredByFooter, {})] }));
}