From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001 From: wwf <yearningwang@iqtogether.com> Date: 星期三, 04 六月 2025 15:17:49 +0800 Subject: [PATCH] 初始化 --- app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-panel.tsx | 30 ++++++++++++------------------ 1 files changed, 12 insertions(+), 18 deletions(-) diff --git "a/app/\050commonLayout\051/app/\050appDetailLayout\051/\133appId\135/overview/tracing/provider-panel.tsx" "b/app/\050commonLayout\051/app/\050appDetailLayout\051/\133appId\135/overview/tracing/provider-panel.tsx" index bdccc50..34e5bbe 100644 --- "a/app/\050commonLayout\051/app/\050appDetailLayout\051/\133appId\135/overview/tracing/provider-panel.tsx" +++ "b/app/\050commonLayout\051/app/\050appDetailLayout\051/\133appId\135/overview/tracing/provider-panel.tsx" @@ -1,13 +1,11 @@ 'use client' import type { FC } from 'react' import React, { useCallback } from 'react' -import { - RiEqualizer2Line, -} from '@remixicon/react' import { useTranslation } from 'react-i18next' import { TracingProvider } from './type' import cn from '@/utils/classnames' -import { LangfuseIconBig, LangsmithIconBig, OpikIconBig, WeaveIconBig } from '@/app/components/base/icons/src/public/tracing' +import { LangfuseIconBig, LangsmithIconBig, OpikIconBig } from '@/app/components/base/icons/src/public/tracing' +import { Settings04 } from '@/app/components/base/icons/src/vender/line/general' import { Eye as View } from '@/app/components/base/icons/src/vender/solid/general' const I18N_PREFIX = 'app.tracing' @@ -27,7 +25,6 @@ [TracingProvider.langSmith]: LangsmithIconBig, [TracingProvider.langfuse]: LangfuseIconBig, [TracingProvider.opik]: OpikIconBig, - [TracingProvider.weave]: WeaveIconBig, })[type] } @@ -65,37 +62,34 @@ }, [hasConfigured, isChosen, onChoose, readOnly]) return ( <div - className={cn( - 'rounded-xl border-[1.5px] bg-background-section-burn px-4 py-3', - isChosen ? 'border-components-option-card-option-selected-border bg-background-section' : 'border-transparent', - !isChosen && hasConfigured && !readOnly && 'cursor-pointer', - )} + className={cn(isChosen ? 'border-primary-400' : 'border-transparent', !isChosen && hasConfigured && !readOnly && 'cursor-pointer', 'px-4 py-3 rounded-xl border-[1.5px] bg-gray-100')} onClick={handleChosen} > - <div className={'flex items-center justify-between space-x-1'}> + <div className={'flex justify-between items-center space-x-1'}> <div className='flex items-center'> <Icon className='h-6' /> - {isChosen && <div className='system-2xs-medium-uppercase ml-1 flex h-4 items-center rounded-[4px] border border-text-accent-secondary px-1 text-text-accent-secondary'>{t(`${I18N_PREFIX}.inUse`)}</div>} + {isChosen && <div className='ml-1 flex items-center h-4 px-1 rounded-[4px] border border-primary-500 leading-4 text-xs font-medium text-primary-500 uppercase '>{t(`${I18N_PREFIX}.inUse`)}</div>} </div> {!readOnly && ( - <div className={'flex items-center justify-between space-x-1'}> + <div className={'flex justify-between items-center space-x-1'}> {hasConfigured && ( - <div className='flex h-6 cursor-pointer items-center space-x-1 rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-text-secondary shadow-xs' onClick={viewBtnClick} > - <View className='h-3 w-3' /> + <div className='flex px-2 items-center h-6 bg-white rounded-md border-[0.5px] border-gray-200 shadow-xs cursor-pointer text-gray-700 space-x-1' onClick={viewBtnClick} > + <View className='w-3 h-3'/> <div className='text-xs font-medium'>{t(`${I18N_PREFIX}.view`)}</div> </div> )} <div - className='flex h-6 cursor-pointer items-center space-x-1 rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-text-secondary shadow-xs' + className='flex px-2 items-center h-6 bg-white rounded-md border-[0.5px] border-gray-200 shadow-xs cursor-pointer text-gray-700 space-x-1' onClick={handleConfigBtnClick} > - <RiEqualizer2Line className='h-3 w-3' /> + <Settings04 className='w-3 h-3' /> <div className='text-xs font-medium'>{t(`${I18N_PREFIX}.config`)}</div> </div> </div> )} + </div> - <div className='system-xs-regular mt-2 text-text-tertiary'> + <div className='mt-2 leading-4 text-xs font-normal text-gray-500'> {t(`${I18N_PREFIX}.${type}.description`)} </div> </div> -- Gitblit v1.8.0