mirror of
https://github.com/langgenius/dify.git
synced 2026-05-06 02:18:08 +08:00
chore(web): new lint setup (#30020)
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
This commit is contained in:
@ -1,17 +1,17 @@
|
||||
'use client'
|
||||
|
||||
import { useCallback, useState } from 'react'
|
||||
import { useRouter } from 'next/navigation'
|
||||
import { RiArrowLeftLine, RiArrowRightLine } from '@remixicon/react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import KnowledgeBaseInfo from './KnowledgeBaseInfo'
|
||||
import ExternalApiSelection from './ExternalApiSelection'
|
||||
import RetrievalSettings from './RetrievalSettings'
|
||||
import InfoPanel from './InfoPanel'
|
||||
import type { CreateKnowledgeBaseReq } from './declarations'
|
||||
import Divider from '@/app/components/base/divider'
|
||||
import { RiArrowLeftLine, RiArrowRightLine } from '@remixicon/react'
|
||||
import { useRouter } from 'next/navigation'
|
||||
import { useCallback, useState } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import Button from '@/app/components/base/button'
|
||||
import Divider from '@/app/components/base/divider'
|
||||
import { useDocLink } from '@/context/i18n'
|
||||
import ExternalApiSelection from './ExternalApiSelection'
|
||||
import InfoPanel from './InfoPanel'
|
||||
import KnowledgeBaseInfo from './KnowledgeBaseInfo'
|
||||
import RetrievalSettings from './RetrievalSettings'
|
||||
|
||||
type ExternalKnowledgeBaseCreateProps = {
|
||||
onConnect: (formValue: CreateKnowledgeBaseReq) => void
|
||||
@ -51,27 +51,30 @@ const ExternalKnowledgeBaseCreate: React.FC<ExternalKnowledgeBaseCreateProps> =
|
||||
&& formData.external_retrieval_model.score_threshold !== undefined
|
||||
|
||||
return (
|
||||
<div className='flex grow flex-col self-stretch rounded-t-2xl border-t border-effects-highlight bg-components-panel-bg'>
|
||||
<div className='flex grow justify-center self-stretch'>
|
||||
<div className='flex w-full max-w-[960px] flex-col items-center px-14 py-0'>
|
||||
<div className='flex w-full max-w-[640px] grow flex-col items-center gap-4 pb-8 pt-6'>
|
||||
<div className='relative flex flex-col items-center gap-[2px] self-stretch py-2'>
|
||||
<div className='system-xl-semibold grow self-stretch text-text-primary'>{t('dataset.connectDataset')}</div>
|
||||
<p className='system-sm-regular text-text-tertiary'>
|
||||
<div className="flex grow flex-col self-stretch rounded-t-2xl border-t border-effects-highlight bg-components-panel-bg">
|
||||
<div className="flex grow justify-center self-stretch">
|
||||
<div className="flex w-full max-w-[960px] flex-col items-center px-14 py-0">
|
||||
<div className="flex w-full max-w-[640px] grow flex-col items-center gap-4 pb-8 pt-6">
|
||||
<div className="relative flex flex-col items-center gap-[2px] self-stretch py-2">
|
||||
<div className="system-xl-semibold grow self-stretch text-text-primary">{t('dataset.connectDataset')}</div>
|
||||
<p className="system-sm-regular text-text-tertiary">
|
||||
<span>{t('dataset.connectHelper.helper1')}</span>
|
||||
<span className='system-sm-medium text-text-secondary'>{t('dataset.connectHelper.helper2')}</span>
|
||||
<span className="system-sm-medium text-text-secondary">{t('dataset.connectHelper.helper2')}</span>
|
||||
<span>{t('dataset.connectHelper.helper3')}</span>
|
||||
<a className='system-sm-regular self-stretch text-text-accent' href={docLink('/guides/knowledge-base/connect-external-knowledge-base')} target='_blank' rel="noopener noreferrer">
|
||||
<a className="system-sm-regular self-stretch text-text-accent" href={docLink('/guides/knowledge-base/connect-external-knowledge-base')} target="_blank" rel="noopener noreferrer">
|
||||
{t('dataset.connectHelper.helper4')}
|
||||
</a>
|
||||
<span>{t('dataset.connectHelper.helper5')} </span>
|
||||
<span>
|
||||
{t('dataset.connectHelper.helper5')}
|
||||
{' '}
|
||||
</span>
|
||||
</p>
|
||||
<Button
|
||||
className='absolute left-[-44px] top-1 flex h-8 w-8 items-center justify-center rounded-full p-2'
|
||||
variant='tertiary'
|
||||
className="absolute left-[-44px] top-1 flex h-8 w-8 items-center justify-center rounded-full p-2"
|
||||
variant="tertiary"
|
||||
onClick={navBackHandle}
|
||||
>
|
||||
<RiArrowLeftLine className='h-4 w-4 text-text-tertiary' />
|
||||
<RiArrowLeftLine className="h-4 w-4 text-text-tertiary" />
|
||||
</Button>
|
||||
</div>
|
||||
<KnowledgeBaseInfo
|
||||
@ -103,20 +106,20 @@ const ExternalKnowledgeBaseCreate: React.FC<ExternalKnowledgeBaseCreateProps> =
|
||||
},
|
||||
})}
|
||||
/>
|
||||
<div className='flex items-center justify-end gap-2 self-stretch py-2'>
|
||||
<Button variant='secondary' onClick={navBackHandle}>
|
||||
<div className='system-sm-medium text-components-button-secondary-text'>{t('dataset.externalKnowledgeForm.cancel')}</div>
|
||||
<div className="flex items-center justify-end gap-2 self-stretch py-2">
|
||||
<Button variant="secondary" onClick={navBackHandle}>
|
||||
<div className="system-sm-medium text-components-button-secondary-text">{t('dataset.externalKnowledgeForm.cancel')}</div>
|
||||
</Button>
|
||||
<Button
|
||||
variant='primary'
|
||||
variant="primary"
|
||||
onClick={() => {
|
||||
onConnect(formData)
|
||||
}}
|
||||
disabled={!isFormValid}
|
||||
loading={loading}
|
||||
>
|
||||
<div className='system-sm-medium text-components-button-primary-text'>{t('dataset.externalKnowledgeForm.connect')}</div>
|
||||
<RiArrowRightLine className='h-4 w-4 text-components-button-primary-text' />
|
||||
<div className="system-sm-medium text-components-button-primary-text">{t('dataset.externalKnowledgeForm.connect')}</div>
|
||||
<RiArrowRightLine className="h-4 w-4 text-components-button-primary-text" />
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user