mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-08-17 11:05:56 +08:00
d186daa131
Signed-off-by: -LAN- <laipz8200@outlook.com> Co-authored-by: Hash Brown <hi@xzd.me> Co-authored-by: crazywoola <427733928@qq.com> Co-authored-by: GareArc <chen4851@purdue.edu> Co-authored-by: Byron.wang <byron@dify.ai> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: -LAN- <laipz8200@outlook.com> Co-authored-by: Garfield Dai <dai.hai@foxmail.com> Co-authored-by: KVOJJJin <jzongcode@gmail.com> Co-authored-by: Alexi.F <654973939@qq.com> Co-authored-by: Xiyuan Chen <52963600+GareArc@users.noreply.github.com> Co-authored-by: kautsar_masuara <61046989+izon-masuara@users.noreply.github.com> Co-authored-by: achmad-kautsar <achmad.kautsar@insignia.co.id> Co-authored-by: Xin Zhang <sjhpzx@gmail.com> Co-authored-by: kelvintsim <83445753+kelvintsim@users.noreply.github.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: Zixuan Cheng <61724187+Theysua@users.noreply.github.com>
43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { useContext } from 'use-context-selector'
|
|
import ExploreContext from '@/context/explore-context'
|
|
import TextGenerationApp from '@/app/components/share/text-generation'
|
|
import Loading from '@/app/components/base/loading'
|
|
import ChatWithHistory from '@/app/components/base/chat/chat-with-history'
|
|
|
|
export type IInstalledAppProps = {
|
|
id: string
|
|
}
|
|
|
|
const InstalledApp: FC<IInstalledAppProps> = ({
|
|
id,
|
|
}) => {
|
|
const { installedApps } = useContext(ExploreContext)
|
|
const installedApp = installedApps.find(item => item.id === id)
|
|
|
|
if (!installedApp) {
|
|
return (
|
|
<div className='flex h-full items-center'>
|
|
<Loading type='area' />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div className='h-full bg-background-default py-2 pl-0 pr-2 sm:p-2'>
|
|
{installedApp.app.mode !== 'completion' && installedApp.app.mode !== 'workflow' && (
|
|
<ChatWithHistory installedAppInfo={installedApp} className='overflow-hidden rounded-2xl shadow-md' />
|
|
)}
|
|
{installedApp.app.mode === 'completion' && (
|
|
<TextGenerationApp isInstalledApp installedAppInfo={installedApp} />
|
|
)}
|
|
{installedApp.app.mode === 'workflow' && (
|
|
<TextGenerationApp isWorkflow isInstalledApp installedAppInfo={installedApp} />
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(InstalledApp)
|