configuration-button.tsx 1.1 KB

123456789101112131415161718192021222324252627282930313233
  1. import Button from '@/app/components/base/button'
  2. import { ConfigurationMethodEnum } from '../declarations'
  3. import { useTranslation } from 'react-i18next'
  4. type ConfigurationButtonProps = {
  5. modelProvider: any
  6. handleOpenModal: any
  7. }
  8. const ConfigurationButton = ({ modelProvider, handleOpenModal }: ConfigurationButtonProps) => {
  9. const { t } = useTranslation()
  10. return (
  11. <Button
  12. size="small"
  13. className="z-[100]"
  14. onClick={(e) => {
  15. e.stopPropagation()
  16. handleOpenModal(modelProvider, ConfigurationMethodEnum.predefinedModel, undefined)
  17. }}
  18. >
  19. <div className="flex px-[3px] justify-center items-center gap-1">
  20. {t('workflow.nodes.agent.notAuthorized')}
  21. </div>
  22. <div className="flex w-[14px] h-[14px] justify-center items-center">
  23. <div className="w-2 h-2 shrink-0 rounded-[3px] border border-components-badge-status-light-warning-border-inner
  24. bg-components-badge-status-light-warning-bg shadow-components-badge-status-light-warning-halo" />
  25. </div>
  26. </Button>
  27. )
  28. }
  29. export default ConfigurationButton