wwf
2 天以前 a430284aa21e3ae1f0d5654e55b2ad2852519cc2
app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx
@@ -13,7 +13,7 @@
import ModelName from '../model-name'
import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
import Tooltip from '@/app/components/base/tooltip'
import cn from '@/utils/classnames'
import classNames from '@/utils/classnames'
type ModelTriggerProps = {
  open: boolean
@@ -33,44 +33,42 @@
  return (
    <div
      className={cn(
        'group flex h-8 items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1',
        !readonly && 'cursor-pointer hover:bg-components-input-bg-hover',
        open && 'bg-components-input-bg-hover',
        model.status !== ModelStatusEnum.active && 'bg-components-input-bg-disabled hover:bg-components-input-bg-disabled',
      className={classNames(
        'group flex items-center px-2 h-8 rounded-lg bg-components-input-bg-normal',
        !readonly && 'hover:bg-components-input-bg-hover cursor-pointer',
        className,
        open && '!bg-components-input-bg-hover',
        model.status !== ModelStatusEnum.active && '!bg-[#FFFAEB]',
      )}
    >
      <ModelIcon
        className='p-0.5'
        className='shrink-0 mr-1.5'
        provider={provider}
        modelName={model.model}
      />
      <div className='flex grow items-center gap-1 truncate px-1 py-[3px]'>
        <ModelName
          className='grow'
          modelItem={model}
          showMode
          showFeatures
        />
        {!readonly && (
          <div className='flex h-4 w-4 shrink-0 items-center justify-center'>
            {
              model.status !== ModelStatusEnum.active
                ? (
                  <Tooltip popupContent={MODEL_STATUS_TEXT[model.status][language]}>
                    <AlertTriangle className='h-4 w-4 text-text-warning-secondary' />
                  </Tooltip>
                )
                : (
                  <RiArrowDownSLine
                    className='h-3.5 w-3.5 text-text-tertiary'
                  />
                )
            }
          </div>
        )}
      </div>
      <ModelName
        className='grow'
        modelItem={model}
        showMode
        showFeatures
      />
      {!readonly && (
        <div className='shrink-0 flex items-center justify-center w-4 h-4'>
          {
            model.status !== ModelStatusEnum.active
              ? (
                <Tooltip popupContent={MODEL_STATUS_TEXT[model.status][language]}>
                  <AlertTriangle className='w-4 h-4 text-[#F79009]' />
                </Tooltip>
              )
              : (
                <RiArrowDownSLine
                  className='w-3.5 h-3.5 text-gray-500'
                />
              )
          }
        </div>
      )}
    </div>
  )
}