@@ -17,14 +17,17 @@ import BNB from "../../images/donate/bnb.svg";
1717import KoFi from "../../images/donate/kofi.svg" ;
1818import PayPal from "../../images/donate/paypal.svg" ;
1919import Patreon from "../../images/donate/patreon.svg" ;
20- import Card from "../../images/donate/card.svg" ;
20+ import CardBakai from "../../images/donate/card_bakai.svg" ;
21+ import CardMbank from "../../images/donate/card_mbank.svg" ;
22+ import CardVirtualEURMbank from "../../images/donate/card_mbank_virtual_eur.svg" ;
23+ import CardVirtualRUBMbank from "../../images/donate/card_mbank_virtual_rub.svg" ;
2124import CardSber from "../../images/donate/card_sber.svg" ;
2225import BTCQR from "../../images/donate/btc-qr.svg" ;
2326import ETHQR from "../../images/donate/eth-qr.svg" ;
2427import BSCQR from "../../images/donate/bsc-qr.svg" ;
2528import Search from "../../images/donate/search.svg" ;
2629import QR from "../../images/donate/qr.png" ;
27- import { KofiLink , KofiHandle , PaypalLink , PaypalHandle , PatreonLink , PatreonHandle , SberbankCardCopy , SberbankCardDisplay , SberbankSBPCopy , SberbankSBPDisplay , BitcoinWallet , BEP20Wallet , ERC20Wallet } from "../../data/paymentMethods" ;
30+ import { KofiLink , KofiHandle , PaypalLink , PaypalHandle , PatreonLink , PatreonHandle , BakaiCardCopy , BakaiCardDisplay , MbankCardCopy , MbankCardDisplay , MbankVirtualEURCardCopy , MbankVirtualEURCardDisplay , MbankVirtualRUBCardCopy , MbankVirtualRUBCardDisplay , SberbankCardCopy , SberbankCardDisplay , SberbankSBPCopy , SberbankSBPDisplay , BitcoinWallet , BEP20Wallet , ERC20Wallet } from "../../data/paymentMethods" ;
2831import * as stylesWallets from "../../styles/wallets.module.scss"
2932import * as stylesDonateCommon from "../../styles/donate_common.module.scss"
3033
@@ -88,18 +91,34 @@ const Donate = () => {
8891 < div style = { { marginLeft : 0 , marginBottom : "1.8rem" } } >
8992 < p style = { { marginBottom : "-0.8rem" } } >
9093 < img src = { KoFi } className = "noselect" alt = "kofi_logo" width = "32rem" height = "32rem" style = { logoStyle } />
91- < s > < a href = "https://ko-fi.com/avrtt" > @avrtt</ a > </ s >
94+ < a href = "https://ko-fi.com/avrtt" > @avrtt</ a >
9295 </ p >
9396 < p style = { { marginBottom : "-0.8rem" } } >
9497 < img src = { PayPal } className = "noselect" alt = "paypal_logo" width = "32rem" height = "32rem" style = { logoStyle } />
95- < s > < a href = "https://www.paypal.me/vladaverett" > @vladaverett</ a > </ s >
98+ < a href = "https://www.paypal.me/vladaverett" > @vladaverett</ a >
9699 </ p >
97100 < p style = { { marginBottom : "-0.8rem" } } >
98101 < img src = { Patreon } className = "noselect" alt = "patreon_logo" width = "32rem" height = "32rem" style = { logoStyle } />
99- < s > < a href = "https://www.patreon.com/avrtt" > @avrtt</ a > </ s >
102+ < a href = "https://www.patreon.com/avrtt" > @avrtt</ a >
100103 </ p >
101104 < p style = { { marginBottom : "-0.8rem" } } >
102- < img src = { CardSber } className = "noselect" alt = "sber_logo" width = "32rem" height = "32rem" style = { logoStyle } />
105+ < img src = { CardBakai } className = "noselect" alt = "card_logo" width = "32rem" height = "32rem" style = { logoStyle } />
106+ < motion . button className = { stylesWallets . mobileWalletButton } onClick = { ( ) => navigator . clipboard . writeText ( BakaiCardCopy ) } whileTap = { { scale : 0.95 } } > Copy card number</ motion . button > (Bakai Bank)
107+ </ p >
108+ < p style = { { marginBottom : "-0.8rem" } } >
109+ < img src = { CardMbank } className = "noselect" alt = "card_logo" width = "32rem" height = "32rem" style = { logoStyle } />
110+ < motion . button className = { stylesWallets . mobileWalletButton } onClick = { ( ) => navigator . clipboard . writeText ( MbankCardCopy ) } whileTap = { { scale : 0.95 } } > Copy card number</ motion . button > (MBank)
111+ </ p >
112+ < p style = { { marginBottom : "-0.8rem" } } >
113+ < img src = { CardVirtualEURMbank } className = "noselect" alt = "card_logo" width = "32rem" height = "32rem" style = { logoStyle } />
114+ < motion . button className = { stylesWallets . mobileWalletButton } onClick = { ( ) => navigator . clipboard . writeText ( MbankVirtualEURCardCopy ) } whileTap = { { scale : 0.95 } } > Copy card number</ motion . button > (MBank)
115+ </ p >
116+ < p style = { { marginBottom : "-0.8rem" } } >
117+ < img src = { CardVirtualRUBMbank } className = "noselect" alt = "card_logo" width = "32rem" height = "32rem" style = { logoStyle } />
118+ < motion . button className = { stylesWallets . mobileWalletButton } onClick = { ( ) => navigator . clipboard . writeText ( MbankVirtualRUBCardCopy ) } whileTap = { { scale : 0.95 } } > Copy card number</ motion . button > (MBank)
119+ </ p >
120+ < p style = { { marginBottom : "-0.8rem" } } >
121+ < img src = { CardSber } className = "noselect" alt = "card_logo" width = "32rem" height = "32rem" style = { logoStyle } />
103122 < motion . button className = { stylesWallets . mobileWalletButton } onClick = { ( ) => navigator . clipboard . writeText ( SberbankCardCopy ) } whileTap = { { scale : 0.95 } } > Copy card number</ motion . button > (Sberbank)
104123 </ p >
105124 < p style = { { marginBottom : "-0.8rem" } } >
@@ -119,19 +138,47 @@ const Donate = () => {
119138 < div className = { `${ stylesWallets . wallets } desktopOnlySupport` } >
120139 < div className = { stylesWallets . wallet1 } >
121140 < img src = { KoFi } className = "noselect" alt = "kofi_logo" width = "60" height = "60" style = { logoStyle } />
122- < s > < a href = { KofiLink } > < code className = { stylesWallets . donateLink } > { KofiHandle } </ code > </ a > </ s >
141+ < a href = { KofiLink } > < code className = { stylesWallets . donateLink } > { KofiHandle } </ code > </ a >
123142 < div className = { stylesWallets . currencyName } > BUY ME A COFFEE WITH < b > KO-FI</ b > </ div >
124143 </ div >
125144 < div className = { stylesWallets . wallet3 } >
126145 < img src = { PayPal } className = "noselect" alt = "paypal_logo" width = "60" height = "60" style = { logoStyle } />
127- < s > < a href = { PaypalLink } > < code className = { stylesWallets . donateLink } > { PaypalHandle } </ code > </ a > </ s >
146+ < a href = { PaypalLink } > < code className = { stylesWallets . donateLink } > { PaypalHandle } </ code > </ a >
128147 < div className = { stylesWallets . currencyName } > < b > PAYPAL</ b > MULTICURRENCY TRANSFER</ div >
129148 </ div >
130149 < div className = { stylesWallets . wallet3 } >
131150 < img src = { Patreon } className = "noselect" alt = "patreon_logo" width = "60" height = "60" style = { logoStyle } />
132- < s > < a href = { PatreonLink } > < code className = { stylesWallets . donateLink } > { PatreonHandle } </ code > </ a > </ s >
151+ < a href = { PatreonLink } > < code className = { stylesWallets . donateLink } > { PatreonHandle } </ code > </ a >
133152 < div className = { stylesWallets . currencyName } > < b > PATREON</ b > EXCLUSIVE CONTENT VIA PAID SUBSCRIPTION</ div >
134153 </ div >
154+ < div className = { stylesWallets . wallet3 } >
155+ < img src = { CardBakai } className = "noselect" alt = "card_logo" width = "60" height = "60" style = { logoStyle } />
156+ < code className = { stylesDonateCommon . address } onClick = { ( ) => navigator . clipboard . writeText ( BakaiCardCopy ) } > < div className = { stylesWallets . tooltip } > { BakaiCardDisplay }
157+ < span className = { stylesWallets . tooltiptext } > Click to copy</ span > </ div > </ code >
158+ < div className = { stylesWallets . currencyName } > < b > USD</ b > (BAKAI BANK)
159+ </ div >
160+ </ div >
161+ < div className = { stylesWallets . wallet3 } >
162+ < img src = { CardMbank } className = "noselect" alt = "card_logo" width = "60" height = "60" style = { logoStyle } />
163+ < code className = { stylesDonateCommon . address } onClick = { ( ) => navigator . clipboard . writeText ( MbankCardCopy ) } > < div className = { stylesWallets . tooltip } > { MbankCardDisplay }
164+ < span className = { stylesWallets . tooltiptext } > Click to copy</ span > </ div > </ code >
165+ < div className = { stylesWallets . currencyName } > < b > USD</ b > (MBANK)
166+ </ div >
167+ </ div >
168+ < div className = { stylesWallets . wallet3 } >
169+ < img src = { CardVirtualEURMbank } className = "noselect" alt = "card_logo" width = "60" height = "60" style = { logoStyle } />
170+ < code className = { stylesDonateCommon . address } onClick = { ( ) => navigator . clipboard . writeText ( MbankVirtualEURCardCopy ) } > < div className = { stylesWallets . tooltip } > { MbankVirtualEURCardDisplay }
171+ < span className = { stylesWallets . tooltiptext } > Click to copy</ span > </ div > </ code >
172+ < div className = { stylesWallets . currencyName } > < b > EUR</ b > (MBANK)
173+ </ div >
174+ </ div >
175+ < div className = { stylesWallets . wallet3 } >
176+ < img src = { CardVirtualRUBMbank } className = "noselect" alt = "card_logo" width = "60" height = "60" style = { logoStyle } />
177+ < code className = { stylesDonateCommon . address } onClick = { ( ) => navigator . clipboard . writeText ( MbankVirtualRUBCardCopy ) } > < div className = { stylesWallets . tooltip } > { MbankVirtualRUBCardDisplay }
178+ < span className = { stylesWallets . tooltiptext } > Click to copy</ span > </ div > </ code >
179+ < div className = { stylesWallets . currencyName } > < b > RUB</ b > (MBANK)
180+ </ div >
181+ </ div >
135182 < div className = { stylesWallets . wallet3 } >
136183 < img src = { CardSber } className = "noselect" alt = "card_logo" width = "60" height = "60" style = { logoStyle } />
137184 < code className = { stylesDonateCommon . address } onClick = { ( ) => navigator . clipboard . writeText ( SberbankCardCopy ) } > < div className = { stylesWallets . tooltip } > { SberbankCardDisplay }
0 commit comments