mirror of https://github.com/langgenius/dify.git
40 lines
1.5 KiB
TypeScript
40 lines
1.5 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import * as React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Button from '@/app/components/base/button'
|
|
import WarningMask from '.'
|
|
|
|
export type IHasNotSetAPIProps = {
|
|
isTrailFinished: boolean
|
|
onSetting: () => void
|
|
}
|
|
|
|
const icon = (
|
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M14 6.00001L14 2.00001M14 2.00001H9.99999M14 2.00001L8 8M6.66667 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.71569 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2V10.8C2 11.9201 2 12.4802 2.21799 12.908C2.40973 13.2843 2.71569 13.5903 3.09202 13.782C3.51984 14 4.07989 14 5.2 14H10.8C11.9201 14 12.4802 14 12.908 13.782C13.2843 13.5903 13.5903 13.2843 13.782 12.908C14 12.4802 14 11.9201 14 10.8V9.33333" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
|
</svg>
|
|
|
|
)
|
|
|
|
const HasNotSetAPI: FC<IHasNotSetAPIProps> = ({
|
|
isTrailFinished,
|
|
onSetting,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<WarningMask
|
|
title={isTrailFinished ? t('notSetAPIKey.trailFinished', { ns: 'appDebug' }) : t('notSetAPIKey.title', { ns: 'appDebug' })}
|
|
description={t('notSetAPIKey.description', { ns: 'appDebug' })}
|
|
footer={(
|
|
<Button variant="primary" className="flex space-x-2" onClick={onSetting}>
|
|
<span>{t('notSetAPIKey.settingBtn', { ns: 'appDebug' })}</span>
|
|
{icon}
|
|
</Button>
|
|
)}
|
|
/>
|
|
)
|
|
}
|
|
export default React.memo(HasNotSetAPI)
|