Files
dify/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/configuration-button.tsx
Stephen Zhou 6d0e36479b refactor(i18n): use JSON with flattened key and namespace (#30114)
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2025-12-29 14:52:32 +08:00

34 lines
1.1 KiB
TypeScript

import { useTranslation } from 'react-i18next'
import Button from '@/app/components/base/button'
import { ConfigurationMethodEnum } from '../declarations'
type ConfigurationButtonProps = {
modelProvider: any
handleOpenModal: any
}
const ConfigurationButton = ({ modelProvider, handleOpenModal }: ConfigurationButtonProps) => {
const { t } = useTranslation()
return (
<Button
size="small"
className="z-[100]"
onClick={(e) => {
e.stopPropagation()
handleOpenModal(modelProvider, ConfigurationMethodEnum.predefinedModel, undefined)
}}
>
<div className="flex items-center justify-center gap-1 px-[3px]">
{t('nodes.agent.notAuthorized', { ns: 'workflow' })}
</div>
<div className="flex h-[14px] w-[14px] items-center justify-center">
<div className="h-2 w-2 shrink-0 rounded-[3px] border border-components-badge-status-light-warning-border-inner
bg-components-badge-status-light-warning-bg shadow-components-badge-status-light-warning-halo"
/>
</div>
</Button>
)
}
export default ConfigurationButton