添加购买微信引导

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]">

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