mirror of
https://github.com/langgenius/dify.git
synced 2026-05-04 17:38:04 +08:00
chore(web): new lint setup (#30020)
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
This commit is contained in:
Stephen Zhou
GitHub
@ -1,9 +1,9 @@
|
||||
import type { Mock } from 'vitest'
|
||||
import type { ExternalAPIItem } from '@/models/datasets'
|
||||
import { fireEvent, render, screen, waitFor } from '@testing-library/react'
|
||||
import userEvent from '@testing-library/user-event'
|
||||
import type { ExternalAPIItem } from '@/models/datasets'
|
||||
import ExternalKnowledgeBaseConnector from './index'
|
||||
import { createExternalKnowledgeBase } from '@/service/datasets'
|
||||
import ExternalKnowledgeBaseConnector from './index'
|
||||
|
||||
// Mock next/navigation
|
||||
const mockRouterBack = vi.fn()
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
'use client'
|
||||
|
||||
import React, { useState } from 'react'
|
||||
import type { CreateKnowledgeBaseReq } from '@/app/components/datasets/external-knowledge-base/create/declarations'
|
||||
import { useRouter } from 'next/navigation'
|
||||
import React, { useState } from 'react'
|
||||
import { trackEvent } from '@/app/components/base/amplitude'
|
||||
import { useToastContext } from '@/app/components/base/toast'
|
||||
import ExternalKnowledgeBaseCreate from '@/app/components/datasets/external-knowledge-base/create'
|
||||
import type { CreateKnowledgeBaseReq } from '@/app/components/datasets/external-knowledge-base/create/declarations'
|
||||
import { createExternalKnowledgeBase } from '@/service/datasets'
|
||||
import { trackEvent } from '@/app/components/base/amplitude'
|
||||
|
||||
const ExternalKnowledgeBaseConnector = () => {
|
||||
const { notify } = useToastContext()
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
import React, { useEffect, useState } from 'react'
|
||||
import {
|
||||
RiAddLine,
|
||||
RiArrowDownSLine,
|
||||
} from '@remixicon/react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { useRouter } from 'next/navigation'
|
||||
import React, { useEffect, useState } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
|
||||
import { useModalContext } from '@/context/modal-context'
|
||||
import { useExternalKnowledgeApi } from '@/context/external-knowledge-api-context'
|
||||
import { useModalContext } from '@/context/modal-context'
|
||||
|
||||
type ApiItem = {
|
||||
value: string
|
||||
@ -65,16 +65,16 @@ const ExternalApiSelect: React.FC<ExternalApiSelectProps> = ({ items, value, onS
|
||||
>
|
||||
{selectedItem
|
||||
? (
|
||||
<div className="flex items-center gap-2 self-stretch rounded-lg p-1">
|
||||
<ApiConnectionMod className='h-4 w-4 text-text-secondary' />
|
||||
<div className='flex grow items-center'>
|
||||
<span className='system-sm-regular overflow-hidden text-ellipsis text-components-input-text-filled'>{selectedItem.name}</span>
|
||||
<div className="flex items-center gap-2 self-stretch rounded-lg p-1">
|
||||
<ApiConnectionMod className="h-4 w-4 text-text-secondary" />
|
||||
<div className="flex grow items-center">
|
||||
<span className="system-sm-regular overflow-hidden text-ellipsis text-components-input-text-filled">{selectedItem.name}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
)
|
||||
: (
|
||||
<span className='system-sm-regular text-components-input-text-placeholder'>{t('dataset.selectExternalKnowledgeAPI.placeholder')}</span>
|
||||
)}
|
||||
<span className="system-sm-regular text-components-input-text-placeholder">{t('dataset.selectExternalKnowledgeAPI.placeholder')}</span>
|
||||
)}
|
||||
<RiArrowDownSLine className={`h-4 w-4 text-text-quaternary transition-transform ${isOpen ? 'text-text-secondary' : ''}`} />
|
||||
</div>
|
||||
{isOpen && (
|
||||
@ -86,19 +86,19 @@ const ExternalApiSelect: React.FC<ExternalApiSelectProps> = ({ items, value, onS
|
||||
onClick={() => handleSelect(item)}
|
||||
>
|
||||
<div className="flex w-full items-center gap-2 self-stretch rounded-lg p-2 hover:bg-state-base-hover">
|
||||
<ApiConnectionMod className='h-4 w-4 text-text-secondary' />
|
||||
<span className='system-sm-medium grow overflow-hidden text-ellipsis text-text-secondary'>{item.name}</span>
|
||||
<span className='system-xs-regular overflow-hidden text-ellipsis text-right text-text-tertiary'>{item.url}</span>
|
||||
<ApiConnectionMod className="h-4 w-4 text-text-secondary" />
|
||||
<span className="system-sm-medium grow overflow-hidden text-ellipsis text-text-secondary">{item.name}</span>
|
||||
<span className="system-xs-regular overflow-hidden text-ellipsis text-right text-text-tertiary">{item.url}</span>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
<div className='flex flex-col items-start self-stretch p-1'>
|
||||
<div className="flex flex-col items-start self-stretch p-1">
|
||||
<div
|
||||
className='flex cursor-pointer items-center gap-2 self-stretch rounded-lg p-2 hover:bg-state-base-hover'
|
||||
className="flex cursor-pointer items-center gap-2 self-stretch rounded-lg p-2 hover:bg-state-base-hover"
|
||||
onClick={handleAddNewAPI}
|
||||
>
|
||||
<RiAddLine className='h-4 w-4 text-text-secondary' />
|
||||
<span className='system-sm-medium grow overflow-hidden text-ellipsis text-text-secondary'>{t('dataset.createNewExternalAPI')}</span>
|
||||
<RiAddLine className="h-4 w-4 text-text-secondary" />
|
||||
<span className="system-sm-medium grow overflow-hidden text-ellipsis text-text-secondary">{t('dataset.createNewExternalAPI')}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
'use client'
|
||||
|
||||
import React, { useEffect, useState } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { RiAddLine } from '@remixicon/react'
|
||||
import { useRouter } from 'next/navigation'
|
||||
import ExternalApiSelect from './ExternalApiSelect'
|
||||
import Input from '@/app/components/base/input'
|
||||
import React, { useEffect, useState } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import Button from '@/app/components/base/button'
|
||||
import { useModalContext } from '@/context/modal-context'
|
||||
import Input from '@/app/components/base/input'
|
||||
import { useExternalKnowledgeApi } from '@/context/external-knowledge-api-context'
|
||||
import { useModalContext } from '@/context/modal-context'
|
||||
import ExternalApiSelect from './ExternalApiSelect'
|
||||
|
||||
type ExternalApiSelectionProps = {
|
||||
external_knowledge_api_id: string
|
||||
external_knowledge_id: string
|
||||
onChange: (data: { external_knowledge_api_id?: string; external_knowledge_id?: string }) => void
|
||||
onChange: (data: { external_knowledge_api_id?: string, external_knowledge_id?: string }) => void
|
||||
}
|
||||
|
||||
const ExternalApiSelection: React.FC<ExternalApiSelectionProps> = ({ external_knowledge_api_id, external_knowledge_id, onChange }) => {
|
||||
@ -59,29 +59,32 @@ const ExternalApiSelection: React.FC<ExternalApiSelectionProps> = ({ external_kn
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<form className='flex flex-col gap-4 self-stretch'>
|
||||
<div className='flex flex-col gap-1 self-stretch'>
|
||||
<div className='flex flex-col self-stretch'>
|
||||
<label className='system-sm-semibold text-text-secondary'>{t('dataset.externalAPIPanelTitle')}</label>
|
||||
<form className="flex flex-col gap-4 self-stretch">
|
||||
<div className="flex flex-col gap-1 self-stretch">
|
||||
<div className="flex flex-col self-stretch">
|
||||
<label className="system-sm-semibold text-text-secondary">{t('dataset.externalAPIPanelTitle')}</label>
|
||||
</div>
|
||||
{apiItems.length > 0
|
||||
? <ExternalApiSelect
|
||||
items={apiItems}
|
||||
value={selectedApiId}
|
||||
onSelect={(e) => {
|
||||
setSelectedApiId(e.value)
|
||||
onChange({ external_knowledge_api_id: e.value, external_knowledge_id })
|
||||
}}
|
||||
/>
|
||||
: <Button variant={'tertiary'} onClick={handleAddNewAPI} className='justify-start gap-0.5'>
|
||||
<RiAddLine className='h-4 w-4 text-text-tertiary' />
|
||||
<span className='system-sm-regular text-text-tertiary'>{t('dataset.noExternalKnowledge')}</span>
|
||||
</Button>
|
||||
}
|
||||
? (
|
||||
<ExternalApiSelect
|
||||
items={apiItems}
|
||||
value={selectedApiId}
|
||||
onSelect={(e) => {
|
||||
setSelectedApiId(e.value)
|
||||
onChange({ external_knowledge_api_id: e.value, external_knowledge_id })
|
||||
}}
|
||||
/>
|
||||
)
|
||||
: (
|
||||
<Button variant="tertiary" onClick={handleAddNewAPI} className="justify-start gap-0.5">
|
||||
<RiAddLine className="h-4 w-4 text-text-tertiary" />
|
||||
<span className="system-sm-regular text-text-tertiary">{t('dataset.noExternalKnowledge')}</span>
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
<div className='flex flex-col gap-1 self-stretch'>
|
||||
<div className='flex flex-col self-stretch'>
|
||||
<label className='system-sm-semibold text-text-secondary'>{t('dataset.externalKnowledgeId')}</label>
|
||||
<div className="flex flex-col gap-1 self-stretch">
|
||||
<div className="flex flex-col self-stretch">
|
||||
<label className="system-sm-semibold text-text-secondary">{t('dataset.externalKnowledgeId')}</label>
|
||||
</div>
|
||||
<Input
|
||||
value={external_knowledge_id}
|
||||
|
||||
@ -7,26 +7,28 @@ const InfoPanel = () => {
|
||||
const docLink = useDocLink()
|
||||
|
||||
return (
|
||||
<div className='flex w-[360px] flex-col items-start pb-2 pr-8 pt-[108px]'>
|
||||
<div className='flex w-full min-w-[240px] flex-col items-start gap-3 self-stretch rounded-xl bg-background-section p-6'>
|
||||
<div className='flex h-10 w-10 grow items-center justify-center gap-2 self-stretch rounded-lg border-[0.5px] border-components-card-border bg-components-card-bg p-1'>
|
||||
<RiBookOpenLine className='h-5 w-5 text-text-accent' />
|
||||
<div className="flex w-[360px] flex-col items-start pb-2 pr-8 pt-[108px]">
|
||||
<div className="flex w-full min-w-[240px] flex-col items-start gap-3 self-stretch rounded-xl bg-background-section p-6">
|
||||
<div className="flex h-10 w-10 grow items-center justify-center gap-2 self-stretch rounded-lg border-[0.5px] border-components-card-border bg-components-card-bg p-1">
|
||||
<RiBookOpenLine className="h-5 w-5 text-text-accent" />
|
||||
</div>
|
||||
<p className='flex flex-col items-start gap-2 self-stretch'>
|
||||
<span className='system-xl-semibold self-stretch text-text-secondary'>
|
||||
<p className="flex flex-col items-start gap-2 self-stretch">
|
||||
<span className="system-xl-semibold self-stretch text-text-secondary">
|
||||
{t('dataset.connectDatasetIntro.title')}
|
||||
</span>
|
||||
<span className='system-sm-regular text-text-tertiary'>
|
||||
<span className="system-sm-regular text-text-tertiary">
|
||||
{t('dataset.connectDatasetIntro.content.front')}
|
||||
<a className='system-sm-regular ml-1 text-text-accent' href={docLink('/guides/knowledge-base/external-knowledge-api')} target='_blank' rel="noopener noreferrer">
|
||||
<a className="system-sm-regular ml-1 text-text-accent" href={docLink('/guides/knowledge-base/external-knowledge-api')} target="_blank" rel="noopener noreferrer">
|
||||
{t('dataset.connectDatasetIntro.content.link')}
|
||||
</a>
|
||||
{t('dataset.connectDatasetIntro.content.end')}
|
||||
</span>
|
||||
<a className='system-sm-regular self-stretch text-text-accent'
|
||||
<a
|
||||
className="system-sm-regular self-stretch text-text-accent"
|
||||
href={docLink('/guides/knowledge-base/connect-external-knowledge-base')}
|
||||
target='_blank'
|
||||
rel="noopener noreferrer">
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
{t('dataset.connectDatasetIntro.learnMore')}
|
||||
</a>
|
||||
</p>
|
||||
|
||||
@ -5,7 +5,7 @@ import Input from '@/app/components/base/input'
|
||||
type KnowledgeBaseInfoProps = {
|
||||
name: string
|
||||
description?: string
|
||||
onChange: (data: { name?: string; description?: string }) => void
|
||||
onChange: (data: { name?: string, description?: string }) => void
|
||||
}
|
||||
|
||||
const KnowledgeBaseInfo: React.FC<KnowledgeBaseInfoProps> = ({ name, description, onChange }) => {
|
||||
@ -20,11 +20,11 @@ const KnowledgeBaseInfo: React.FC<KnowledgeBaseInfoProps> = ({ name, description
|
||||
}
|
||||
|
||||
return (
|
||||
<form className='flex flex-col gap-4 self-stretch'>
|
||||
<div className='flex flex-col gap-4 self-stretch'>
|
||||
<div className='flex flex-col gap-1 self-stretch'>
|
||||
<div className='flex flex-col justify-center self-stretch'>
|
||||
<label className='system-sm-semibold text-text-secondary'>{t('dataset.externalKnowledgeName')}</label>
|
||||
<form className="flex flex-col gap-4 self-stretch">
|
||||
<div className="flex flex-col gap-4 self-stretch">
|
||||
<div className="flex flex-col gap-1 self-stretch">
|
||||
<div className="flex flex-col justify-center self-stretch">
|
||||
<label className="system-sm-semibold text-text-secondary">{t('dataset.externalKnowledgeName')}</label>
|
||||
</div>
|
||||
<Input
|
||||
value={name}
|
||||
@ -32,14 +32,14 @@ const KnowledgeBaseInfo: React.FC<KnowledgeBaseInfoProps> = ({ name, description
|
||||
placeholder={t('dataset.externalKnowledgeNamePlaceholder') ?? ''}
|
||||
/>
|
||||
</div>
|
||||
<div className='flex flex-col gap-1 self-stretch'>
|
||||
<div className='flex flex-col justify-center self-stretch'>
|
||||
<label className='system-sm-semibold text-text-secondary'>{t('dataset.externalKnowledgeDescription')}</label>
|
||||
<div className="flex flex-col gap-1 self-stretch">
|
||||
<div className="flex flex-col justify-center self-stretch">
|
||||
<label className="system-sm-semibold text-text-secondary">{t('dataset.externalKnowledgeDescription')}</label>
|
||||
</div>
|
||||
<div className='flex flex-col gap-1 self-stretch'>
|
||||
<div className="flex flex-col gap-1 self-stretch">
|
||||
<textarea
|
||||
value={description}
|
||||
onChange={ e => handleDescriptionChange(e)}
|
||||
onChange={e => handleDescriptionChange(e)}
|
||||
placeholder={t('dataset.externalKnowledgeDescriptionPlaceholder') ?? ''}
|
||||
className={`flex h-20 items-start self-stretch rounded-lg bg-components-input-bg-normal p-3 py-2 ${description ? 'text-components-input-text-filled' : 'text-components-input-text-placeholder'} system-sm-regular`}
|
||||
/>
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import type { FC } from 'react'
|
||||
import React from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import TopKItem from '@/app/components/base/param-item/top-k-item'
|
||||
import ScoreThresholdItem from '@/app/components/base/param-item/score-threshold-item'
|
||||
import TopKItem from '@/app/components/base/param-item/top-k-item'
|
||||
import { cn } from '@/utils/classnames'
|
||||
|
||||
type RetrievalSettingsProps = {
|
||||
@ -11,7 +11,7 @@ type RetrievalSettingsProps = {
|
||||
scoreThresholdEnabled: boolean
|
||||
isInHitTesting?: boolean
|
||||
isInRetrievalSetting?: boolean
|
||||
onChange: (data: { top_k?: number; score_threshold?: number; score_threshold_enabled?: boolean }) => void
|
||||
onChange: (data: { top_k?: number, score_threshold?: number, score_threshold_enabled?: boolean }) => void
|
||||
}
|
||||
|
||||
const RetrievalSettings: FC<RetrievalSettingsProps> = ({
|
||||
@ -30,9 +30,11 @@ const RetrievalSettings: FC<RetrievalSettingsProps> = ({
|
||||
|
||||
return (
|
||||
<div className={cn('flex flex-col gap-2 self-stretch', isInRetrievalSetting && 'w-full max-w-[480px]')}>
|
||||
{!isInHitTesting && !isInRetrievalSetting && <div className='flex h-7 flex-col gap-2 self-stretch pt-1'>
|
||||
<label className='system-sm-semibold text-text-secondary'>{t('dataset.retrievalSettings')}</label>
|
||||
</div>}
|
||||
{!isInHitTesting && !isInRetrievalSetting && (
|
||||
<div className="flex h-7 flex-col gap-2 self-stretch pt-1">
|
||||
<label className="system-sm-semibold text-text-secondary">{t('dataset.retrievalSettings')}</label>
|
||||
</div>
|
||||
)}
|
||||
<div className={cn(
|
||||
'flex gap-4 self-stretch',
|
||||
{
|
||||
@ -40,18 +42,19 @@ const RetrievalSettings: FC<RetrievalSettingsProps> = ({
|
||||
'flex-row': isInRetrievalSetting,
|
||||
'flex-col sm:flex-row': !isInHitTesting && !isInRetrievalSetting,
|
||||
},
|
||||
)}>
|
||||
<div className='flex grow flex-col gap-1'>
|
||||
)}
|
||||
>
|
||||
<div className="flex grow flex-col gap-1">
|
||||
<TopKItem
|
||||
className='grow'
|
||||
className="grow"
|
||||
value={topK}
|
||||
onChange={(_key, v) => onChange({ top_k: v })}
|
||||
enable={true}
|
||||
/>
|
||||
</div>
|
||||
<div className='flex grow flex-col gap-1'>
|
||||
<div className="flex grow flex-col gap-1">
|
||||
<ScoreThresholdItem
|
||||
className='grow'
|
||||
className="grow"
|
||||
value={scoreThreshold}
|
||||
onChange={(_key, v) => onChange({ score_threshold: v })}
|
||||
enable={scoreThresholdEnabled}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import React from 'react'
|
||||
import type { ExternalAPIItem } from '@/models/datasets'
|
||||
import { fireEvent, render, screen, waitFor } from '@testing-library/react'
|
||||
import userEvent from '@testing-library/user-event'
|
||||
import type { ExternalAPIItem } from '@/models/datasets'
|
||||
import React from 'react'
|
||||
import ExternalKnowledgeBaseCreate from './index'
|
||||
import RetrievalSettings from './RetrievalSettings'
|
||||
|
||||
|
||||
@ -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