fix: remove button and modal renaming

This commit is contained in:
dev 2025-11-05 12:22:53 +08:00
parent 47db5baeb1
commit bf4ec23ef7

View File

@ -1,5 +1,5 @@
import type { PluginMetadata } from '@renderer/types/plugin' import type { PluginMetadata } from '@renderer/types/plugin'
import { Button as AntButton, Input, Modal as AntdModal, Spin, Tag } from 'antd' import { Button, Input, Modal, Spin, Tag } from 'antd'
import { Dot, Download, Edit, Save, Trash2, X } from 'lucide-react' import { Dot, Download, Edit, Save, Trash2, X } from 'lucide-react'
import type { FC } from 'react' import type { FC } from 'react'
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
@ -111,7 +111,7 @@ export const PluginDetailModal: FC<PluginDetailModalProps> = ({
if (!plugin) return null if (!plugin) return null
const modalContent = ( const modalContent = (
<AntdModal <Modal
centered centered
open={isOpen} open={isOpen}
onCancel={onClose} onCancel={onClose}
@ -147,11 +147,11 @@ export const PluginDetailModal: FC<PluginDetailModalProps> = ({
} }
footer={ footer={
<div className="flex flex-row justify-end gap-4"> <div className="flex flex-row justify-end gap-4">
<AntButton type="text" onClick={onClose}> <Button type="text" onClick={onClose}>
{t('common.close')} {t('common.close')}
</AntButton> </Button>
{installed ? ( {installed ? (
<AntButton <Button
danger danger
variant="filled" variant="filled"
icon={loading ? <Spin size="small" /> : <Trash2 className="h-4 w-4" />} icon={loading ? <Spin size="small" /> : <Trash2 className="h-4 w-4" />}
@ -159,9 +159,9 @@ export const PluginDetailModal: FC<PluginDetailModalProps> = ({
onClick={onUninstall} onClick={onUninstall}
disabled={loading}> disabled={loading}>
{loading ? t('plugins.uninstalling') : t('plugins.uninstall')} {loading ? t('plugins.uninstalling') : t('plugins.uninstall')}
</AntButton> </Button>
) : ( ) : (
<AntButton <Button
color="primary" color="primary"
variant="solid" variant="solid"
icon={loading ? <Spin size="small" /> : <Download className="h-4 w-4" />} icon={loading ? <Spin size="small" /> : <Download className="h-4 w-4" />}
@ -169,7 +169,7 @@ export const PluginDetailModal: FC<PluginDetailModalProps> = ({
onClick={onInstall} onClick={onInstall}
disabled={loading}> disabled={loading}>
{loading ? t('plugins.installing') : t('plugins.install')} {loading ? t('plugins.installing') : t('plugins.install')}
</AntButton> </Button>
)} )}
</div> </div>
}> }>
@ -259,7 +259,7 @@ export const PluginDetailModal: FC<PluginDetailModalProps> = ({
<div className="flex gap-2"> <div className="flex gap-2">
{isEditing ? ( {isEditing ? (
<> <>
<AntButton <Button
danger danger
variant="filled" variant="filled"
icon={<X className="h-3 w-3" />} icon={<X className="h-3 w-3" />}
@ -267,20 +267,20 @@ export const PluginDetailModal: FC<PluginDetailModalProps> = ({
onClick={handleCancelEdit} onClick={handleCancelEdit}
disabled={saving}> disabled={saving}>
{t('common.cancel')} {t('common.cancel')}
</AntButton> </Button>
<AntButton <Button
color="primary" color="primary"
variant="filled" variant="filled"
icon={saving ? <Spin size="small" /> : <Save className="h-3 w-3" />} icon={saving ? <Spin size="small" /> : <Save className="h-3 w-3" />}
onClick={handleSave} onClick={handleSave}
disabled={saving}> disabled={saving}>
{t('common.save')} {t('common.save')}
</AntButton> </Button>
</> </>
) : ( ) : (
<AntButton variant="filled" icon={<Edit className="h-3 w-3" />} onClick={handleEdit}> <Button variant="filled" icon={<Edit className="h-3 w-3" />} onClick={handleEdit}>
{t('common.edit')} {t('common.edit')}
</AntButton> </Button>
)} )}
</div> </div>
)} )}
@ -307,7 +307,7 @@ export const PluginDetailModal: FC<PluginDetailModalProps> = ({
)} )}
</div> </div>
</div> </div>
</AntdModal> </Modal>
) )
return createPortal(modalContent, document.body) return createPortal(modalContent, document.body)