mirror of
https://github.com/langgenius/dify.git
synced 2026-07-16 01:48:40 +08:00
51 lines
1.7 KiB
TypeScript
51 lines
1.7 KiB
TypeScript
'use client'
|
|
import { useAtomValue } from 'jotai'
|
|
import { useStore as useAppStore } from '@/app/components/app/store'
|
|
import Loading from '@/app/components/base/loading'
|
|
import ApiServer from '@/app/components/develop/ApiServer'
|
|
import Doc from '@/app/components/develop/doc'
|
|
import { userProfileIdAtom } from '@/context/account-state'
|
|
import { workspacePermissionKeysAtom } from '@/context/permission-state'
|
|
import { getAppACLCapabilities } from '@/utils/permission'
|
|
|
|
type IDevelopMainProps = {
|
|
appId: string
|
|
}
|
|
|
|
const DevelopMain = ({ appId }: IDevelopMainProps) => {
|
|
const appDetail = useAppStore((state) => state.appDetail)
|
|
const currentUserId = useAtomValue(userProfileIdAtom)
|
|
const workspacePermissionKeys = useAtomValue(workspacePermissionKeysAtom)
|
|
const appACLCapabilities = getAppACLCapabilities(appDetail?.permission_keys, {
|
|
currentUserId,
|
|
resourceMaintainer: appDetail?.maintainer,
|
|
workspacePermissionKeys,
|
|
})
|
|
|
|
if (!appDetail) {
|
|
return (
|
|
<div className="flex h-full items-center justify-center bg-background-default">
|
|
<Loading />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div data-testid="develop-main" className="relative flex h-full flex-col overflow-hidden">
|
|
<div className="flex shrink-0 items-center justify-between border-b border-solid border-b-divider-regular px-6 py-2">
|
|
<div className="text-lg font-medium text-text-primary"></div>
|
|
<ApiServer
|
|
apiBaseUrl={appDetail.api_base_url}
|
|
appId={appId}
|
|
canManageApiKey={appACLCapabilities.canEdit}
|
|
/>
|
|
</div>
|
|
<div className="grow overflow-auto p-4 sm:px-10">
|
|
<Doc appDetail={appDetail} />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default DevelopMain
|