@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.36 kB
JavaScript
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import useLocales from "../../../hooks/useLocales";
import usePayContext from "../../contexts/pay";
import CustomQRCode from "../../ui/CustomQRCode";
import { ModalBody, ModalContent, PageContent } from "../../ui/Modal/styles";
export default function DownloadApp() {
const context = usePayContext();
const wallet = context.paymentState.selectedWallet;
const locales = useLocales({
CONNECTORNAME: wallet?.name,
});
if (!wallet) {
return _jsx(_Fragment, { children: "Wallet not found" });
}
const downloads = {
ios: wallet.downloadUrls?.ios,
android: wallet.downloadUrls?.android,
redirect: wallet.downloadUrls?.download,
};
const bodycopy = downloads.ios && downloads.android
? locales.downloadAppScreen_iosAndroid
: downloads.ios
? locales.downloadAppScreen_ios
: locales.downloadAppScreen_android;
return (_jsx(PageContent, { children: _jsxs(ModalContent, { style: { paddingBottom: 4, gap: 14 }, children: [downloads.redirect && _jsx(CustomQRCode, { value: downloads.redirect }), !downloads.redirect && "No download link available", _jsx(ModalBody, { style: { fontSize: 15, lineHeight: "20px", padding: "0 12px" }, children: bodycopy })] }) }));
}