From 60c6ff6fa83f301a5f8bd45c5a63ac1764ca3331 Mon Sep 17 00:00:00 2001
From: hunaniangstudio <891863891@qq.com>
Date: Mon, 13 May 2024 14:52:04 +0800
Subject: [PATCH] fix: typo 'Alchemy Pay'

---
 .../artifacts/{alchepay.png => alchemypay.png}      | Bin
 src/shared/constant/index.ts                        |   9 ++++-----
 src/ui/pages/BuyBTC/BuyBTCModal.tsx                 |  10 +++++-----
 3 files changed, 9 insertions(+), 10 deletions(-)
 rename build/_raw/images/artifacts/{alchepay.png => alchemypay.png} (100%)

diff --git a/build/_raw/images/artifacts/alchepay.png b/build/_raw/images/artifacts/alchemypay.png
similarity index 100%
rename from build/_raw/images/artifacts/alchepay.png
rename to build/_raw/images/artifacts/alchemypay.png
diff --git a/src/shared/constant/index.ts b/src/shared/constant/index.ts
index 29e17dd0..2b89dc0c 100644
--- a/src/shared/constant/index.ts
+++ b/src/shared/constant/index.ts
@@ -299,8 +299,7 @@ export const UNCONFIRMED_HEIGHT = 4194303;
 
 export enum PaymentChannelType {
   MoonPay = 'moonpay',
-  AlchePay = 'alchepay',
-
+  AlchemyPay = 'alchemypay',
   Transak = 'transak'
 }
 
@@ -309,9 +308,9 @@ export const PAYMENT_CHANNELS = {
     name: 'MoonPay',
     img: './images/artifacts/moonpay.png'
   },
-  alchepay: {
-    name: 'AlchePay',
-    img: './images/artifacts/alchepay.png'
+  alchemypay: {
+    name: 'Alchemy Pay',
+    img: './images/artifacts/alchemypay.png'
   },
 
   transak: {
diff --git a/src/ui/pages/BuyBTC/BuyBTCModal.tsx b/src/ui/pages/BuyBTC/BuyBTCModal.tsx
index 99d96f32..250fb87e 100644
--- a/src/ui/pages/BuyBTC/BuyBTCModal.tsx
+++ b/src/ui/pages/BuyBTC/BuyBTCModal.tsx
@@ -27,7 +27,7 @@ function PaymentItem(props: { channelType: PaymentChannelType; onClick }) {
 
 export const BuyBTCModal = ({ onClose }: { onClose: () => void }) => {
   const [disclaimerModalVisible, setDisclaimerModalVisible] = useState(false);
-  const [channelType, setChannelType] = useState<PaymentChannelType>(PaymentChannelType.AlchePay);
+  const [channelType, setChannelType] = useState<PaymentChannelType>(PaymentChannelType.AlchemyPay);
 
   const [channels, setChannels] = useState<string[]>([]);
   const wallet = useWallet();
@@ -46,7 +46,7 @@ export const BuyBTCModal = ({ onClose }: { onClose: () => void }) => {
 
   const isMoonpayEnabled = channels.includes(PaymentChannelType.MoonPay);
   const isTransakEnabled = channels.includes(PaymentChannelType.Transak);
-  const isAlchePayEnabled = channels.includes(PaymentChannelType.AlchePay);
+  const isAlchemyPayEnabled = channels.includes(PaymentChannelType.AlchemyPay);
 
   return (
     <BottomModal onClose={onClose}>
@@ -77,11 +77,11 @@ export const BuyBTCModal = ({ onClose }: { onClose: () => void }) => {
             />
           ) : null}
 
-          {isAlchePayEnabled ? (
+          {isAlchemyPayEnabled ? (
             <PaymentItem
-              channelType={PaymentChannelType.AlchePay}
+              channelType={PaymentChannelType.AlchemyPay}
               onClick={() => {
-                setChannelType(PaymentChannelType.AlchePay);
+                setChannelType(PaymentChannelType.AlchemyPay);
                 setDisclaimerModalVisible(true);
               }}
             />