fix: 【bcwin网站】支付通道图片未生效

messages/br.json

@@ -371,7 +371,7 @@
     "1016": "Mismatched identity information",
     "1017": "The invitation code is incorrect",
     "1018": "The withdrawal channel is closed",
-    "1019": "The amount of coding one is too small",
+    "1019": "The amount coding too small",
     "1020": "Too many withdrawals in the same day",
     "1021": "The payment account is invalid",
     "1200":"Insufficient inventory",

messages/en.json

@@ -370,7 +370,7 @@
     "1016": "Mismatched identity information",
     "1017": "The invitation code is incorrect",
     "1018": "The withdrawal channel is closed",
-    "1019": "The amount of coding one is too small",
+    "1019": "The amount coding too small",
     "1020": "Too many withdrawals in the same day",
     "1021": "The payment account is invalid",
     "1200":"Insufficient inventory",

src/api/withdraw.ts

@@ -5,6 +5,7 @@ export interface WithDrawType {
     name: string;
     start_time: string;
     end_time: string;
+    icon: string;
     channels?: ChannelType[];
     /**
      * 最大充值金额

src/app/[locale]/(TabBar)/deposit/DepositData.tsx

@@ -14,6 +14,7 @@ import actions from "@/app/[locale]/(TabBar)/deposit/actions";
 import Empty from "@/components/Empty";
 import "@/styles/deposit.scss";
 import { server } from "@/utils/client";
+import Image from "next/image";
 interface Props {}
 
 interface RewardsProps {
@@ -78,6 +79,7 @@ const DepositData: FC<Props> = (props) => {
     const [depositState, setDepositState] = useState<DepositsTypes[]>([]);
 
     const [activeType, setActiveType] = useState<Partial<DepositsTypes>>({});
+    console.log(`🚀🚀🚀🚀🚀-> in DepositData.tsx on 80`, activeType);
 
     const formInstanceRef = useRef<FormInstance>(null);
     let [amount, setAmount] = useState<number | undefined>(undefined);
@@ -142,7 +144,15 @@ const DepositData: FC<Props> = (props) => {
 
     return (
         <div className="deposit-box">
-            <div className="img-box"></div>
+            <div className="img-box">
+                <Image
+                    className={"h-[100%] w-[100%] object-cover"}
+                    src={activeType.icon || ""}
+                    alt={activeType.name || ""}
+                    width={160}
+                    height={40}
+                />
+            </div>
 
             <div className={"flex flex-wrap"}>
                 {depositState.map((item, index) => {

src/app/[locale]/(navbar)/doings/discount/DepositData.tsx

@@ -146,7 +146,15 @@ const DepositData: FC<Props> = (props) => {
             <Image src={"/doings/recharge.jpg"} alt={"deposit"} width={1950} height={10} />
             <div className="deposit-box">
                 <div className={"flex items-center"}>
-                    <div className="img-box"></div>
+                    <div className="img-box">
+                        <Image
+                            className={"h-[100%] w-[100%] object-cover"}
+                            src={activeType.icon || ""}
+                            alt={activeType.name || ""}
+                            width={160}
+                            height={40}
+                        />
+                    </div>
                     <div className={"flex-1 text-right"}>
                         <i
                             className={"iconfont icon-star_full text-[0.15rem] text-primary-color"}

src/app/[locale]/(navbar)/withdraw/WithdrawWidget.tsx

@@ -14,6 +14,7 @@ import { ActionSheet, Form, Input, ProgressBar, Toast } from "antd-mobile";
 import type { Action } from "antd-mobile/es/components/action-sheet";
 import { FormInstance } from "antd-mobile/es/components/form";
 import { useTranslations } from "next-intl";
+import Image from "next/image";
 import Link from "next/link";
 import { FC, Fragment, useRef, useState } from "react";
 import "./page.scss";
@@ -193,7 +194,15 @@ const WithdrawWidget: FC<Props> = (props) => {
         <>
             <Box className={"custom-form"}>
                 <div className="withdraw-box">
-                    <div className="img-box"></div>
+                    <div className="img-box">
+                        <Image
+                            className={"h-[100%] w-[100%] object-cover"}
+                            src={activeWallet.icon}
+                            alt={activeWallet.name}
+                            width={160}
+                            height={40}
+                        />
+                    </div>
 
                     <div className={"mb-[0.1rem] flex flex-wrap gap-[0.0347rem]"}>
                         {channels.map((item) => {

src/app/[locale]/(navbar)/withdraw/page.scss

@@ -3,8 +3,8 @@
       width: .8rem;
       height: .27rem;
       margin: .12rem 0;
-      background: url('/img/pixImg.png') no-repeat center;
-      background-size: 100% 100%;
+      //background: url('/img/pixImg.png') no-repeat center;
+      //background-size: 100% 100%;
     }
 
     h1 {

src/styles/deposit.scss

@@ -11,8 +11,8 @@
     width: .8rem;
     height: .27rem;
     margin: .12rem 0;
-    background: url('/img/pixImg.png') no-repeat center;
-    background-size: 100% 100%;
+    //background: url('/img/pixImg.png') no-repeat center;
+    //background-size: 100% 100%;
   }
 
   .btn-box {