gongzhiyong
aae31e7506
Rebrand the default console experience to Heicode Manager, reshape key navigation toward deployment/ops workflows, and surface login integration docs/screenshots directly in the app for implementation handoff. Constraint: Keep runtime/module identifiers compatible while shipping user-visible brand and IA changes first Confidence: medium Scope-risk: moderate Not-tested: Full browser regression run across all default/classic pages Made-with: Cursor
90 lines
2.6 KiB
TypeScript
Vendored
90 lines
2.6 KiB
TypeScript
Vendored
import { useParams } from '@tanstack/react-router'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { parseCurrencyDisplayType } from '@/lib/currency'
|
|
import { useSystemOptions, getOptionValue } from '../hooks/use-system-options'
|
|
import type { GeneralSettings } from '../types'
|
|
import {
|
|
GENERAL_DEFAULT_SECTION,
|
|
getGeneralSectionContent,
|
|
} from './section-registry.tsx'
|
|
|
|
const defaultGeneralSettings: GeneralSettings = {
|
|
'theme.frontend': 'default',
|
|
Notice: '',
|
|
SystemName: 'Heicode Manager',
|
|
Logo: '',
|
|
Footer: '',
|
|
About: '',
|
|
HomePageContent: '',
|
|
ServerAddress: '',
|
|
'legal.user_agreement': '',
|
|
'legal.privacy_policy': '',
|
|
QuotaForNewUser: 0,
|
|
PreConsumedQuota: 0,
|
|
QuotaForInviter: 0,
|
|
QuotaForInvitee: 0,
|
|
TopUpLink: '',
|
|
'general_setting.docs_link': '',
|
|
'quota_setting.enable_free_model_pre_consume': true,
|
|
QuotaPerUnit: 500000,
|
|
USDExchangeRate: 7,
|
|
'general_setting.quota_display_type': 'USD',
|
|
'general_setting.custom_currency_symbol': '¤',
|
|
'general_setting.custom_currency_exchange_rate': 1,
|
|
RetryTimes: 0,
|
|
DisplayInCurrencyEnabled: true,
|
|
DisplayTokenStatEnabled: true,
|
|
DefaultCollapseSidebar: false,
|
|
DemoSiteEnabled: false,
|
|
SelfUseModeEnabled: false,
|
|
'checkin_setting.enabled': false,
|
|
'checkin_setting.min_quota': 1000,
|
|
'checkin_setting.max_quota': 10000,
|
|
'channel_affinity_setting.enabled': false,
|
|
'channel_affinity_setting.switch_on_success': true,
|
|
'channel_affinity_setting.max_entries': 100000,
|
|
'channel_affinity_setting.default_ttl_seconds': 3600,
|
|
'channel_affinity_setting.rules': '[]',
|
|
}
|
|
|
|
export function GeneralSettings() {
|
|
const { t } = useTranslation()
|
|
const { data, isLoading } = useSystemOptions()
|
|
const params = useParams({
|
|
from: '/_authenticated/system-settings/general/$section',
|
|
})
|
|
|
|
if (isLoading) {
|
|
return (
|
|
<div className='flex items-center justify-center py-12'>
|
|
<div className='text-muted-foreground'>{t('Loading settings...')}</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
const settings = getOptionValue(data?.data, defaultGeneralSettings)
|
|
const quotaDisplayType = parseCurrencyDisplayType(
|
|
settings['general_setting.quota_display_type']
|
|
)
|
|
const activeSection = (params?.section ?? GENERAL_DEFAULT_SECTION) as
|
|
| 'system-info'
|
|
| 'quota'
|
|
| 'pricing'
|
|
| 'checkin'
|
|
| 'behavior'
|
|
| 'channel-affinity'
|
|
const sectionContent = getGeneralSectionContent(
|
|
activeSection,
|
|
settings,
|
|
quotaDisplayType
|
|
)
|
|
|
|
return (
|
|
<div className='flex h-full w-full flex-1 flex-col'>
|
|
<div className='faded-bottom h-full w-full overflow-y-auto scroll-smooth pe-4 pb-12'>
|
|
<div className='space-y-4'>{sectionContent}</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|