mirror of https://github.com/langgenius/dify.git
34 lines
886 B
TypeScript
34 lines
886 B
TypeScript
import {
|
|
RiErrorWarningFill,
|
|
} from '@remixicon/react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { CheckCircle } from '@/app/components/base/icons/src/vender/solid/general'
|
|
|
|
export const ValidatedErrorIcon = () => {
|
|
return <RiErrorWarningFill className="h-4 w-4 text-[#D92D20]" />
|
|
}
|
|
|
|
export const ValidatedSuccessIcon = () => {
|
|
return <CheckCircle className="h-4 w-4 text-[#039855]" />
|
|
}
|
|
|
|
export const ValidatingTip = () => {
|
|
const { t } = useTranslation()
|
|
return (
|
|
<div className="mt-2 text-xs font-normal text-primary-600">
|
|
{t('common.provider.validating')}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export const ValidatedErrorMessage = ({ errorMessage }: { errorMessage: string }) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div className="mt-2 text-xs font-normal text-[#D92D20]">
|
|
{t('common.provider.validatedError')}
|
|
{errorMessage}
|
|
</div>
|
|
)
|
|
}
|