🎨 chore(web): apply ESLint and Prettier auto-fixes (baseline)

- Ran: bun run eslint:fix && bun run lint:fix
- Inserted AGPL license header via eslint-plugin-header
- Enforced no-multiple-empty-lines and other lint rules
- Formatted code using Prettier v3 (@so1ve/prettier-config)
- No functional changes; formatting-only baseline across JS/JSX files
This commit is contained in:
t0ng7u
2025-08-30 21:15:10 +08:00
parent 105b86c660
commit 6a87808612
274 changed files with 11025 additions and 7659 deletions

View File

@@ -18,12 +18,7 @@ For commercial licensing, please contact support@quantumnous.com
*/
import React from 'react';
import {
Modal,
Typography,
Card,
Skeleton,
} from '@douyinfe/semi-ui';
import { Modal, Typography, Card, Skeleton } from '@douyinfe/semi-ui';
import { SiAlipay, SiWechat, SiStripe } from 'react-icons/si';
import { CreditCard } from 'lucide-react';
@@ -62,11 +57,17 @@ const PaymentConfirmModal = ({
<Card className='!rounded-xl !border-0 bg-slate-50 dark:bg-slate-800'>
<div className='space-y-3'>
<div className='flex justify-between items-center'>
<Text strong className='text-slate-700 dark:text-slate-200'>{t('充值数量')}</Text>
<Text className='text-slate-900 dark:text-slate-100'>{renderQuotaWithAmount(topUpCount)}</Text>
<Text strong className='text-slate-700 dark:text-slate-200'>
{t('充值数量')}
</Text>
<Text className='text-slate-900 dark:text-slate-100'>
{renderQuotaWithAmount(topUpCount)}
</Text>
</div>
<div className='flex justify-between items-center'>
<Text strong className='text-slate-700 dark:text-slate-200'>{t('实付金额')}</Text>
<Text strong className='text-slate-700 dark:text-slate-200'>
{t('实付金额')}
</Text>
{amountLoading ? (
<Skeleton.Title style={{ width: '60px', height: '16px' }} />
) : (
@@ -76,7 +77,9 @@ const PaymentConfirmModal = ({
)}
</div>
<div className='flex justify-between items-center'>
<Text strong className='text-slate-700 dark:text-slate-200'>{t('支付方式')}</Text>
<Text strong className='text-slate-700 dark:text-slate-200'>
{t('支付方式')}
</Text>
<div className='flex items-center'>
{(() => {
const payMethod = payMethods.find(
@@ -86,15 +89,35 @@ const PaymentConfirmModal = ({
return (
<>
{payMethod.type === 'alipay' ? (
<SiAlipay className='mr-2' size={16} color="#1677FF" />
<SiAlipay
className='mr-2'
size={16}
color='#1677FF'
/>
) : payMethod.type === 'wxpay' ? (
<SiWechat className='mr-2' size={16} color="#07C160" />
<SiWechat
className='mr-2'
size={16}
color='#07C160'
/>
) : payMethod.type === 'stripe' ? (
<SiStripe className='mr-2' size={16} color="#635BFF" />
<SiStripe
className='mr-2'
size={16}
color='#635BFF'
/>
) : (
<CreditCard className='mr-2' size={16} color={payMethod.color || 'var(--semi-color-text-2)'} />
<CreditCard
className='mr-2'
size={16}
color={
payMethod.color || 'var(--semi-color-text-2)'
}
/>
)}
<Text className='text-slate-900 dark:text-slate-100'>{payMethod.name}</Text>
<Text className='text-slate-900 dark:text-slate-100'>
{payMethod.name}
</Text>
</>
);
} else {
@@ -102,22 +125,40 @@ const PaymentConfirmModal = ({
if (payWay === 'alipay') {
return (
<>
<SiAlipay className='mr-2' size={16} color="#1677FF" />
<Text className='text-slate-900 dark:text-slate-100'>{t('支付宝')}</Text>
<SiAlipay
className='mr-2'
size={16}
color='#1677FF'
/>
<Text className='text-slate-900 dark:text-slate-100'>
{t('支付宝')}
</Text>
</>
);
} else if (payWay === 'stripe') {
return (
<>
<SiStripe className='mr-2' size={16} color="#635BFF" />
<Text className='text-slate-900 dark:text-slate-100'>Stripe</Text>
<SiStripe
className='mr-2'
size={16}
color='#635BFF'
/>
<Text className='text-slate-900 dark:text-slate-100'>
Stripe
</Text>
</>
);
} else {
return (
<>
<SiWechat className='mr-2' size={16} color="#07C160" />
<Text className='text-slate-900 dark:text-slate-100'>{t('微信')}</Text>
<SiWechat
className='mr-2'
size={16}
color='#07C160'
/>
<Text className='text-slate-900 dark:text-slate-100'>
{t('微信')}
</Text>
</>
);
}