From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/develop/index.tsx | 30 +++++++++++++++++++++++-------
1 files changed, 23 insertions(+), 7 deletions(-)
diff --git a/app/components/develop/index.tsx b/app/components/develop/index.tsx
index c3f88a1..2f6a2a2 100644
--- a/app/components/develop/index.tsx
+++ b/app/components/develop/index.tsx
@@ -1,7 +1,10 @@
'use client'
+import { useTranslation } from 'react-i18next'
+import s from './secret-key/style.module.css'
import Doc from '@/app/components/develop/doc'
import Loading from '@/app/components/base/loading'
-import ApiServer from '@/app/components/develop/ApiServer'
+import InputCopy from '@/app/components/develop/secret-key/input-copy'
+import SecretKeyButton from '@/app/components/develop/secret-key/secret-key-button'
import { useStore as useAppStore } from '@/app/components/app/store'
type IDevelopMainProps = {
@@ -10,22 +13,35 @@
const DevelopMain = ({ appId }: IDevelopMainProps) => {
const appDetail = useAppStore(state => state.appDetail)
+ const { t } = useTranslation()
if (!appDetail) {
return (
- <div className='flex h-full items-center justify-center bg-background-default'>
+ <div className='flex h-full items-center justify-center bg-white'>
<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 className='relative flex flex-col h-full overflow-hidden'>
+ <div className='flex items-center justify-between flex-shrink-0 px-6 border-b border-solid py-2 border-b-gray-100'>
+ <div className='text-lg font-medium text-gray-900'></div>
+ <div className='flex items-center flex-wrap gap-y-1'>
+ <InputCopy className='flex-shrink-0 mr-1 w-52 sm:w-80' value={appDetail.api_base_url}>
+ <div className={`ml-2 border border-gray-200 border-solid flex-shrink-0 px-2 py-0.5 rounded-[6px] text-gray-500 text-[0.625rem] ${s.customApi}`}>
+ {t('appApi.apiServer')}
+ </div>
+ </InputCopy>
+ <div className={`flex items-center h-9 px-3 rounded-lg
+ text-[13px] font-normal mr-2 ${appDetail.enable_api ? 'text-green-500 bg-green-50' : 'text-yellow-500 bg-yellow-50'}`}>
+ <div className='mr-1'>{t('appApi.status')}</div>
+ <div className='font-semibold'>{appDetail.enable_api ? `${t('appApi.ok')}` : `${t('appApi.disabled')}`}</div>
+ </div>
+ <SecretKeyButton className='flex-shrink-0' appId={appId} />
+ </div>
</div>
- <div className='grow overflow-auto px-4 py-4 sm:px-10'>
+ <div className='px-4 sm:px-10 py-4 overflow-auto grow'>
<Doc appDetail={appDetail} />
</div>
</div>
--
Gitblit v1.8.0