From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/datasets/common/document-status-with-action/status-with-action.tsx | 21 ++++++++-------------
1 files changed, 8 insertions(+), 13 deletions(-)
diff --git a/app/components/datasets/common/document-status-with-action/status-with-action.tsx b/app/components/datasets/common/document-status-with-action/status-with-action.tsx
index 0314b26..a8da9bf 100644
--- a/app/components/datasets/common/document-status-with-action/status-with-action.tsx
+++ b/app/components/datasets/common/document-status-with-action/status-with-action.tsx
@@ -9,8 +9,8 @@
type Props = {
type?: Status
description: string
- actionText?: string
- onAction?: () => void
+ actionText: string
+ onAction: () => void
disabled?: boolean
}
@@ -46,23 +46,18 @@
}) => {
const { Icon, color } = getIcon(type)
return (
- <div className='relative flex h-[34px] items-center rounded-lg border border-components-panel-border bg-components-panel-bg-blur pl-2 pr-3 shadow-xs'>
- <div className={
- `absolute inset-0 rounded-lg opacity-40 ${(type === 'success' && 'bg-[linear-gradient(92deg,rgba(23,178,106,0.25)_0%,rgba(255,255,255,0.00)_100%)]')
+ <div className='relative flex items-center h-[34px] rounded-lg pl-2 pr-3 border border-components-panel-border bg-components-panel-bg-blur shadow-xs'>
+ <div className={`absolute inset-0 opacity-40 rounded-lg ${(type === 'success' && 'bg-[linear-gradient(92deg,rgba(23,178,106,0.25)_0%,rgba(255,255,255,0.00)_100%)]')
|| (type === 'warning' && 'bg-[linear-gradient(92deg,rgba(247,144,9,0.25)_0%,rgba(255,255,255,0.00)_100%)]')
|| (type === 'error' && 'bg-[linear-gradient(92deg,rgba(240,68,56,0.25)_0%,rgba(255,255,255,0.00)_100%)]')
|| (type === 'info' && 'bg-[linear-gradient(92deg,rgba(11,165,236,0.25)_0%,rgba(255,255,255,0.00)_100%)]')
- }`}
+ }`}
/>
<div className='relative z-10 flex h-full items-center space-x-2'>
- <Icon className={cn('h-4 w-4', color)} />
+ <Icon className={cn('w-4 h-4', color)} />
<div className='text-[13px] font-normal text-text-secondary'>{description}</div>
- {onAction && (
- <>
- <Divider type='vertical' className='!h-4' />
- <div onClick={onAction} className={cn('cursor-pointer text-[13px] font-semibold text-text-accent', disabled && 'cursor-not-allowed text-text-disabled')}>{actionText}</div>
- </>
- )}
+ <Divider type='vertical' className='!h-4' />
+ <div onClick={onAction} className={cn('text-text-accent font-semibold text-[13px] cursor-pointer', disabled && 'text-text-disabled cursor-not-allowed')}>{actionText}</div>
</div>
</div>
)
--
Gitblit v1.8.0