From 313669872fda4b44ade95e5bf794d10a8569fa13 Mon Sep 17 00:00:00 2001
From: yezian <jueweijue@gmail.com>
Date: Wed, 10 Jan 2024 19:55:58 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=B4=AD=E4=B9=B0=E5=BE=AE?=
 =?UTF-8?q?=E4=BF=A1=E5=BC=95=E5=AF=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/[user_id]/_components/WechatBar/index.jsx | 14 ++++++++++++--
 app/[user_id]/page.jsx                        |  1 +
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/[user_id]/_components/WechatBar/index.jsx b/app/[user_id]/_components/WechatBar/index.jsx
index 9ab2aa7..49d87ec 100644
--- a/app/[user_id]/_components/WechatBar/index.jsx
+++ b/app/[user_id]/_components/WechatBar/index.jsx
@@ -12,7 +12,11 @@ import app_purchase from "@/public/icon/app_purchase.png";
 import { Toast } from "antd-mobile";
 import { checkAuth } from "@/utils/auth";
 
-export default function WechatBar({ price, streamerMid }) {
+export default function WechatBar({
+  price,
+  streamerMid,
+  auto_response_message,
+}) {
   const router = useRouter();
   const [showBuyWechat, setShowBuyWechat] = useState(false);
 
@@ -74,7 +78,7 @@ export default function WechatBar({ price, streamerMid }) {
       </div>
       <div
         className={`flex flex-col items-center transition-max-height ease-in-out duration-300 overflow-hidden max-h-0 ${
-          showBuyWechat ? "max-h-32" : ""
+          showBuyWechat ? "max-h-96" : ""
         }`}
       >
         <div
@@ -96,6 +100,12 @@ export default function WechatBar({ price, streamerMid }) {
             APP内解锁(-10%)
           </p>
         </div>
+        <div className="bg-[#FFFFFF26] h-0.5 w-4/5"></div>
+        <div className="flex flex-row cursor-pointer items-center justify-center py-4 mb-2">
+          <p className="text-white text-base font-medium text-center px-4 ml-2">
+            {auto_response_message}
+          </p>
+        </div>
       </div>
       <dialog id="comfirm_modal" className="modal">
         <div className="modal-box bg-[#13121F]">
diff --git a/app/[user_id]/page.jsx b/app/[user_id]/page.jsx
index 2d97c89..1725c6f 100644
--- a/app/[user_id]/page.jsx
+++ b/app/[user_id]/page.jsx
@@ -84,6 +84,7 @@ export default function StreamerDetail({ params }) {
         <WechatBar
           price={Math.ceil(data?.wechat_coin_price / 9)}
           streamerMid={data?.mid}
+          auto_response_message={data?.auto_response_message}
         />
         {data?.platforms?.map((item, index) => (
           <div