Copy nomor bank

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>
           )) }