mirror of
https://github.com/langgenius/dify.git
synced 2026-02-26 12:37:18 +08:00
91856b09ca
- Remove appDetail and setAppDetail from Zustand store - Use useAppDetail hook for server state management - Child components now call useAppDetail(appId) directly via useParams() - Replace setAppDetail calls with useInvalidateAppDetail for cache invalidation - Keep only client UI state in Zustand (sidebar, modals) - Split sidebar initialization useEffect for clearer separation of concerns - Update test mocks to use TanStack Query pattern - Fix missing dependencies in use-checklist.ts useMemo/useCallback hooks
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
'use client'
|
|
import Loading from '@/app/components/base/loading'
|
|
import ApiServer from '@/app/components/develop/ApiServer'
|
|
import Doc from '@/app/components/develop/doc'
|
|
import { useAppDetail } from '@/service/use-apps'
|
|
|
|
type IDevelopMainProps = {
|
|
appId: string
|
|
}
|
|
|
|
const DevelopMain = ({ appId }: IDevelopMainProps) => {
|
|
const { data: appDetail, isPending } = useAppDetail(appId)
|
|
|
|
if (isPending || !appDetail) {
|
|
return (
|
|
<div className="flex h-full items-center justify-center bg-background-default">
|
|
<Loading />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div 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} />
|
|
</div>
|
|
<div className="grow overflow-auto px-4 py-4 sm:px-10">
|
|
<Doc appDetail={appDetail} />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default DevelopMain
|