feat(settings): Copy + Download buttons for config preview

v1.1.100

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Debian
2026-05-25 10:48:45 +02:00
parent 757b58f607
commit 57b9cd89b2
7 changed files with 35 additions and 6 deletions

View File

@@ -1,5 +1,5 @@
import { Alert, Button, Card, Descriptions, Form, Input, InputNumber, Select, Space, Spin, Switch, Tooltip, Typography, message } from 'antd'
import { CloudDownloadOutlined, CloudSyncOutlined, CodeOutlined, DatabaseOutlined, ExclamationCircleOutlined, FileSearchOutlined, GlobalOutlined, LockOutlined, MailOutlined, ReloadOutlined, SettingOutlined, StopOutlined, ToolOutlined } from '@ant-design/icons'
import { CloudDownloadOutlined, CloudSyncOutlined, CodeOutlined, CopyOutlined, DatabaseOutlined, DownloadOutlined, ExclamationCircleOutlined, FileSearchOutlined, GlobalOutlined, LockOutlined, MailOutlined, ReloadOutlined, SettingOutlined, StopOutlined, ToolOutlined } from '@ant-design/icons'
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
import { useEffect, useState } from 'react'
import { useTranslation } from 'react-i18next'
@@ -702,7 +702,7 @@ export default function SettingsPage() {
size="small"
>
<Space direction="vertical" size={8} style={{ width: '100%' }}>
<Space>
<Space wrap>
<Select
value={previewGen}
onChange={(v) => setPreviewGen(v)}
@@ -723,6 +723,33 @@ export default function SettingsPage() {
>
{t('settings.configPreviewBtn')}
</Button>
{previewData?.content && (
<>
<Button
icon={<CopyOutlined />}
onClick={() => {
void navigator.clipboard.writeText(previewData.content)
void msg.success(t('settings.configCopied'))
}}
>
{t('common.copy')}
</Button>
<Button
icon={<DownloadOutlined />}
onClick={() => {
const blob = new Blob([previewData.content], { type: 'text/plain' })
const url = URL.createObjectURL(blob)
const a = document.createElement('a')
a.href = url
a.download = `${previewData.generator}.conf`
a.click()
URL.revokeObjectURL(url)
}}
>
{t('common.download')}
</Button>
</>
)}
</Space>
{previewData?.content && (
<pre style={{