初始化

wwf

2025-05-20 938c3e5a587ce950a94964ea509b9e7f8834dfae

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
'use client'
import Doc from '@/app/components/develop/doc'
import Loading from '@/app/components/base/loading'
import ApiServer from '@/app/components/develop/ApiServer'
import { useStore as useAppStore } from '@/app/components/app/store'
 
type IDevelopMainProps = {
  appId: string
}
 
const DevelopMain = ({ appId }: IDevelopMainProps) => {
  const appDetail = useAppStore(state => state.appDetail)
 
  if (!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