mirror of
https://github.com/QuantumNous/new-api.git
synced 2026-04-27 11:48:37 +00:00
6a87808612
- 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
78 lines
2.2 KiB
JavaScript
78 lines
2.2 KiB
JavaScript
/*
|
|
Copyright (C) 2025 QuantumNous
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as
|
|
published by the Free Software Foundation, either version 3 of the
|
|
License, or (at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
For commercial licensing, please contact support@quantumnous.com
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { Modal, Typography, Input, InputNumber } from '@douyinfe/semi-ui';
|
|
import { CreditCard } from 'lucide-react';
|
|
|
|
const TransferModal = ({
|
|
t,
|
|
openTransfer,
|
|
transfer,
|
|
handleTransferCancel,
|
|
userState,
|
|
renderQuota,
|
|
getQuotaPerUnit,
|
|
transferAmount,
|
|
setTransferAmount,
|
|
}) => {
|
|
return (
|
|
<Modal
|
|
title={
|
|
<div className='flex items-center'>
|
|
<CreditCard className='mr-2' size={18} />
|
|
{t('划转邀请额度')}
|
|
</div>
|
|
}
|
|
visible={openTransfer}
|
|
onOk={transfer}
|
|
onCancel={handleTransferCancel}
|
|
maskClosable={false}
|
|
centered
|
|
>
|
|
<div className='space-y-4'>
|
|
<div>
|
|
<Typography.Text strong className='block mb-2'>
|
|
{t('可用邀请额度')}
|
|
</Typography.Text>
|
|
<Input
|
|
value={renderQuota(userState?.user?.aff_quota)}
|
|
disabled
|
|
className='!rounded-lg'
|
|
/>
|
|
</div>
|
|
<div>
|
|
<Typography.Text strong className='block mb-2'>
|
|
{t('划转额度')} · {t('最低') + renderQuota(getQuotaPerUnit())}
|
|
</Typography.Text>
|
|
<InputNumber
|
|
min={getQuotaPerUnit()}
|
|
max={userState?.user?.aff_quota || 0}
|
|
value={transferAmount}
|
|
onChange={(value) => setTransferAmount(value)}
|
|
className='w-full !rounded-lg'
|
|
/>
|
|
</div>
|
|
</div>
|
|
</Modal>
|
|
);
|
|
};
|
|
|
|
export default TransferModal;
|