-
Powered by TenantCMS
-
- Using X-Tenant-Slug for multi-tenant authentication
-
+
)
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index ce6a246..b062d58 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,16 +1,119 @@
-import React from 'react'
+import React, { useMemo, useState } from 'react'
+import { Link, useLocation, useNavigate, useSearchParams } from 'react-router-dom'
+
+const navItems = [
+ { to: '/policies', label: '全球政策' },
+ { to: '/industries', label: '行业影响' },
+ { to: '/alerts', label: '风险预警' },
+ { to: '/insights', label: '深度报告' },
+]
+
+function isActive(pathname: string, to: string): boolean {
+ if (to === '/') return pathname === '/'
+ return pathname === to || pathname.startsWith(`${to}/`)
+}
export const Header: React.FC = () => {
+ const location = useLocation()
+ const navigate = useNavigate()
+ const [searchParams] = useSearchParams()
+ const qFromUrl = searchParams.get('q') || ''
+ const [q, setQ] = useState(qFromUrl)
+
+ const searchHref = useMemo(() => {
+ const params = new URLSearchParams()
+ const trimmed = q.trim()
+ if (trimmed) params.set('q', trimmed)
+ const query = params.toString()
+ return query ? `/policies?${query}` : '/policies'
+ }, [q])
+
return (