diff options
| -rw-r--r-- | src/pages/shop/checkout.js | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/src/pages/shop/checkout.js b/src/pages/shop/checkout.js index 00e68296..8522d27b 100644 --- a/src/pages/shop/checkout.js +++ b/src/pages/shop/checkout.js @@ -32,9 +32,19 @@ export default function Checkout() { const copyToClipboard = (text) => { navigator.clipboard.writeText(text); - toast.success('Berhasil copy ke clipboard', { position: 'bottom-center', duration: 1500 }); }; + const changePayment = (index) => { + let payment = payments[index]; + if (selectedPayment == payment.name) { + copyToClipboard(payment.number); + toast.success('Nomor bank berhasil disalin', { position: 'bottom-center', duration: 1500 }); + } else { + toast.success('Metode pembayaran berhasil diubah, tekan sekali lagi untuk salin nomor bank', { position: 'bottom-center', duration: 3000 }); + } + setSelectedPayment(payment.name); + } + useEffect(() => { const getAddress = async () => { if (auth?.id) { @@ -198,13 +208,10 @@ export default function Checkout() { <button type="button" className={"text-left border border-gray_r-6 rounded-md p-3 " + (selectedPayment == payment.name && 'border-yellow_r-10 bg-yellow_r-3')} - onClick={() => setSelectedPayment(payment.name)} + onClick={() => changePayment(index)} key={index} > - <div className="flex gap-x-2"> - <p>{payment.name} - {payment.number}</p> - <DocumentDuplicateIcon className="w-4" onClick={() => copyToClipboard(payment.number)}/> - </div> + <p>{payment.name} - {payment.number}</p> <p className="mt-1 text-gray_r-11">PT. Indoteknik Dotcom Gemilang</p> </button> )) } |