feat: gate recharge payment by login device

src/components/rpg-entry/RpgEntryHomeView.tsx

@@ -77,6 +77,7 @@ import {
 import { copyTextToClipboard } from '../../services/clipboard';
 import {
   resolveProfileRechargePaymentChannel,
+  shouldShowRechargeEntry,
   WECHAT_H5_PAYMENT_CHANNEL,
   WECHAT_MINI_PROGRAM_PAYMENT_CHANNEL,
   WECHAT_NATIVE_PAYMENT_CHANNEL,
@@ -3468,6 +3469,7 @@ export function RpgEntryHomeView({
   hasUnreadDraftUpdate = false,
 }: RpgEntryHomeViewProps) {
   const authUi = useAuthUi();
+  const showRechargeEntry = shouldShowRechargeEntry();
   const [desktopSearchKeyword, setDesktopSearchKeyword] = useState('');
   const [mobileSearchKeyword, setMobileSearchKeyword] = useState('');
   const [activeWorkSearchKeyword, setActiveWorkSearchKeyword] = useState('');
@@ -4096,6 +4098,14 @@ export function RpgEntryHomeView({
     setIsRechargeOpen(true);
     loadRechargeCenter();
   };
+  const openRechargeOrRewardCodeModal = () => {
+    if (showRechargeEntry) {
+      openRechargeModal();
+      return;
+    }
+
+    openRewardCodeModal();
+  };
   const buyRechargeProduct = (product: ProfileRechargeProduct) => {
     if (submittingRechargeProductId) {
       return;
@@ -5463,13 +5473,21 @@ export function RpgEntryHomeView({
 
               <button
                 type="button"
-                onClick={openRechargeModal}
+                onClick={openRechargeOrRewardCodeModal}
                 className="platform-profile-action flex shrink-0 items-center gap-2 rounded-[1.1rem] px-3 py-2 text-left"
               >
-                <Coins className="h-4 w-4" />
+                {showRechargeEntry ? (
+                  <Coins className="h-4 w-4" />
+                ) : (
+                  <Ticket className="h-4 w-4" />
+                )}
                 <div>
-                  <div className="text-xs font-bold">充值</div>
-                  <div className="text-[10px] opacity-80">泥点/会员</div>
+                  <div className="text-xs font-bold">
+                    {showRechargeEntry ? '充值' : '兑换码'}
+                  </div>
+                  <div className="text-[10px] opacity-80">
+                    {showRechargeEntry ? '泥点/会员' : '福利奖励'}
+                  </div>
                 </div>
                 <ChevronRight className="h-4 w-4 opacity-80" />
               </button>
@@ -5558,17 +5576,19 @@ export function RpgEntryHomeView({
                 onClick={openTaskCenterPanel}
               />
               <ProfileShortcutButton
-                label="充值"
-                subLabel="泥点/会员"
-                icon={Coins}
-                onClick={openRechargeModal}
-              />
-              <ProfileShortcutButton
-                label="兑换码"
-                subLabel="福利奖励"
-                icon={Ticket}
-                onClick={openRewardCodeModal}
+                label={showRechargeEntry ? '充值' : '兑换码'}
+                subLabel={showRechargeEntry ? '泥点/会员' : '福利奖励'}
+                icon={showRechargeEntry ? Coins : Ticket}
+                onClick={openRechargeOrRewardCodeModal}
               />
+              {showRechargeEntry ? (
+                <ProfileShortcutButton
+                  label="兑换码"
+                  subLabel="福利奖励"
+                  icon={Ticket}
+                  onClick={openRewardCodeModal}
+                />
+              ) : null}
               <ProfileShortcutButton
                 label="邀请好友"
                 subLabel={