PenaSide/front-hub
3
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

карточка оплаты банковской картой

Browse Source
This commit is contained in:
Tamara 2024-03-29 23:31:06 +03:00
parent 42150dc3a4
commit b333527103
3 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/bank-logo/bankcard.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 622 B

2
src/pages/Payment/Payment.tsx
View File

@ -16,6 +16,7 @@ import rsPayLogo from "@root/assets/bank-logo/rs-pay.png";
import sberpayLogo from "@root/assets/bank-logo/sberpay.png"; import sberpayLogo from "@root/assets/bank-logo/sberpay.png";
import spbLogo from "@root/assets/bank-logo/spb.png"; import spbLogo from "@root/assets/bank-logo/spb.png";
import umoneyLogo from "@root/assets/bank-logo/umaney.png"; import umoneyLogo from "@root/assets/bank-logo/umaney.png";
import bankCardLogo from "@root/assets/bank-logo/bankcard.png";
import InputTextfield from "@root/components/InputTextfield"; import InputTextfield from "@root/components/InputTextfield";
import { VerificationStatus } from "@root/model/account"; import { VerificationStatus } from "@root/model/account";
import { useUserStore } from "@root/stores/user"; import { useUserStore } from "@root/stores/user";
@ -44,6 +45,7 @@ const paymentMethods: PaymentMethod[] = [
{ label: "SberPay", name: "sberbank", image: sberpayLogo }, { label: "SberPay", name: "sberbank", image: sberpayLogo },
{ label: "B2B Сбербанк", name: "b2bSberbank", image: b2bLogo }, { label: "B2B Сбербанк", name: "b2bSberbank", image: b2bLogo },
{ label: "ЮMoney", name: "yoomoney", image: umoneyLogo }, { label: "ЮMoney", name: "yoomoney", image: umoneyLogo },
{ label: "Банковская карта", name: "bankCard", image: bankCardLogo}
]; ];
type PaymentMethodType = (typeof paymentMethods)[number]["name"]; type PaymentMethodType = (typeof paymentMethods)[number]["name"];

2
src/pages/Payment/PaymentMethodCard.tsx
View File

@ -49,7 +49,7 @@ export default function PaymentMethodCard({
onClick={onClick} onClick={onClick}
> >
<img src={image} alt="payment method" /> <img src={image} alt="payment method" />
<Typography sx={{ color: theme.palette.gray.dark }}>{label}</Typography> <Typography sx={{ color: theme.palette.gray.dark, maxWidth: "130px", textAlign: "start" }}>{label}</Typography>
</Button> </Button>
); );
} }