mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2025-12-21 07:40:11 +08:00
fix: remove button and modal renaming
This commit is contained in:
parent
47db5baeb1
commit
bf4ec23ef7
@ -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)
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user