new-api/web/src/components/table/tokens/modals/CopyTokensModal.jsx

/*
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, Button, Space } from '@douyinfe/semi-ui';

const CopyTokensModal = ({ visible, onCancel, selectedKeys, copyText, t }) => {
  // Handle copy with name and key format
  const handleCopyWithName = async () => {
    let content = '';
    for (let i = 0; i < selectedKeys.length; i++) {
      content += selectedKeys[i].name + '    sk-' + selectedKeys[i].key + '\n';
    }
    await copyText(content);
    onCancel();
  };

  // Handle copy with key only format
  const handleCopyKeyOnly = async () => {
    let content = '';
    for (let i = 0; i < selectedKeys.length; i++) {
      content += 'sk-' + selectedKeys[i].key + '\n';
    }
    await copyText(content);
    onCancel();
  };

  return (
    <Modal
      title={t('复制令牌')}
      icon={null}
      visible={visible}
      onCancel={onCancel}
      footer={
        <Space>
          <Button
            type='tertiary'
            onClick={handleCopyWithName}
          >
            {t('名称+密钥')}
          </Button>
          <Button
            onClick={handleCopyKeyOnly}
          >
            {t('仅密钥')}
          </Button>
        </Space>
      }
    >
      {t('请选择你的复制方式')}
    </Modal>
  );
};

export default CopyTokensModal;