mirror of
https://github.com/NoFxAiOS/nofx.git
synced 2026-07-03 02:50:59 +08:00
b2e4be9152
* feat(web): add FAQ page with search, sidebar, and i18n integration; update navigation and routes; include user feedback analysis docs (faq.md) * docs: add filled frontend PR template for FAQ feature (PR_FRONTEND_FAQ.md) * docs(web): add Contributing & Tasks FAQ category near top with guidance on using GitHub Projects and PR contribution standards * feat(web,api): dynamically embed GitHub Projects roadmap in FAQ via /api/roadmap and RoadmapWidget; add env vars for GitHub token/org/project * chore(docker): pass GitHub roadmap env vars into backend container * docs(web): update FAQ with fork-based PR workflow, yellow links to roadmap/task dashboard, and contribution incentives; remove dynamic roadmap embed\n\nchore(api,docker): remove /api/roadmap endpoint and related env wiring * chore: revert unintended changes (.env.example, api/server.go, docker-compose.yml); remove local-only files (PR_FRONTEND_FAQ.md, web/faq.md) from PR * feat: 添加对重置密码页面的路由支持
77 lines
2.3 KiB
TypeScript
77 lines
2.3 KiB
TypeScript
import HeaderBar from '../components/landing/HeaderBar'
|
|
import { FAQLayout } from '../components/faq/FAQLayout'
|
|
import { useLanguage } from '../contexts/LanguageContext'
|
|
import { useAuth } from '../contexts/AuthContext'
|
|
import { useSystemConfig } from '../hooks/useSystemConfig'
|
|
import { t } from '../i18n/translations'
|
|
|
|
/**
|
|
* FAQ 页面
|
|
*
|
|
* 这个页面只是组件的集合，负责：
|
|
* - 组装 HeaderBar 和 FAQLayout
|
|
* - 提供全局状态（语言、用户、系统配置）
|
|
* - 处理页面级别的导航
|
|
*
|
|
* 所有 FAQ 相关的逻辑都在子组件中：
|
|
* - FAQLayout: 整体布局和搜索逻辑
|
|
* - FAQSearchBar: 搜索框
|
|
* - FAQSidebar: 左侧目录
|
|
* - FAQContent: 右侧内容区
|
|
*
|
|
* FAQ 数据配置在 data/faqData.ts
|
|
*/
|
|
export function FAQPage() {
|
|
const { language, setLanguage } = useLanguage()
|
|
const { user, logout } = useAuth()
|
|
const { config: systemConfig } = useSystemConfig()
|
|
|
|
return (
|
|
<div
|
|
className="min-h-screen"
|
|
style={{ background: '#000000', color: '#EAECEF' }}
|
|
>
|
|
<HeaderBar
|
|
isLoggedIn={!!user}
|
|
currentPage="faq"
|
|
language={language}
|
|
onLanguageChange={setLanguage}
|
|
user={user}
|
|
onLogout={logout}
|
|
isAdminMode={systemConfig?.admin_mode}
|
|
onPageChange={(page) => {
|
|
if (page === 'competition') {
|
|
window.history.pushState({}, '', '/competition')
|
|
window.location.href = '/competition'
|
|
} else if (page === 'traders') {
|
|
window.history.pushState({}, '', '/traders')
|
|
window.location.href = '/traders'
|
|
} else if (page === 'trader') {
|
|
window.history.pushState({}, '', '/dashboard')
|
|
window.location.href = '/dashboard'
|
|
} else if (page === 'faq') {
|
|
window.history.pushState({}, '', '/faq')
|
|
window.location.href = '/faq'
|
|
}
|
|
}}
|
|
/>
|
|
|
|
<FAQLayout language={language} />
|
|
|
|
{/* Footer */}
|
|
<footer
|
|
className="mt-16"
|
|
style={{ borderTop: '1px solid #2B3139', background: '#181A20' }}
|
|
>
|
|
<div
|
|
className="max-w-7xl mx-auto px-6 py-6 text-center text-sm"
|
|
style={{ color: '#5E6673' }}
|
|
>
|
|
<p>{t('footerTitle', language)}</p>
|
|
<p className="mt-1">{t('footerWarning', language)}</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
)
|
|
}
|