AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-06-04 11:14:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: dataset footer styles (#1254)

Browse Source
This commit is contained in:
crazywoola 2023-09-27 21:06:52 -05:00 committed by GitHub
parent a31466d34e
commit 52291c645e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
web/app/(commonLayout)/datasets/Container.tsx
View File

@ -1,27 +1,28 @@
'use client' 'use client'
// Libraries
import { useRef, useState } from 'react' import { useRef, useState } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import useSWR from 'swr' import useSWR from 'swr'
// Components
import Datasets from './Datasets' import Datasets from './Datasets'
import DatasetFooter from './DatasetFooter' import DatasetFooter from './DatasetFooter'
import ApiServer from './ApiServer' import ApiServer from './ApiServer'
import Doc from './Doc' import Doc from './Doc'
import TabSlider from '@/app/components/base/tab-slider' import TabSlider from '@/app/components/base/tab-slider'
// Services
import { fetchDatasetApiBaseUrl } from '@/service/datasets' import { fetchDatasetApiBaseUrl } from '@/service/datasets'
const Container = () => { const Container = () => {
const { t } = useTranslation() const { t } = useTranslation()
const options = [ const options = [
{ { value: 'dataset', text: t('dataset.datasets') },
value: 'dataset', { value: 'api', text: t('dataset.datasetsApi') },
text: t('dataset.datasets'),
},
{
value: 'api',
text: t('dataset.datasetsApi'),
},
] ]
const [activeTab, setActiveTab] = useState('dataset') const [activeTab, setActiveTab] = useState('dataset')
const containerRef = useRef<HTMLDivElement>(null) const containerRef = useRef<HTMLDivElement>(null)
const { data } = useSWR(activeTab === 'dataset' ? null : '/datasets/api-base-info', fetchDatasetApiBaseUrl) const { data } = useSWR(activeTab === 'dataset' ? null : '/datasets/api-base-info', fetchDatasetApiBaseUrl)
@ -34,26 +35,21 @@ const Container = () => {
onChange={newActiveTab => setActiveTab(newActiveTab)} onChange={newActiveTab => setActiveTab(newActiveTab)}
options={options} options={options}
/> />
{ {activeTab === 'api' && data && <ApiServer apiBaseUrl={data.api_base_url || ''} />}
activeTab === 'api' && (
<ApiServer apiBaseUrl={data?.api_base_url || ''} />
)
}
</div> </div>
{
activeTab === 'dataset' && ( {activeTab === 'dataset'
<div className=''> ? (
<Datasets containerRef={containerRef}/> <>
<Datasets containerRef={containerRef} />
<DatasetFooter /> <DatasetFooter />
</div> </>
) )
} : (
{ activeTab === 'api' && data && <Doc apiBaseUrl={data.api_base_url || ''} />
activeTab === 'api' && ( )}
<Doc apiBaseUrl={data?.api_base_url || ''} />
)
}
</div> </div>
) )
} }