sync: soul-admin 页面 | 原因: 前端页面修改

soul-admin/src/pages/find-partner/FindPartnerPage.tsx

@@ -1,10 +1,12 @@
 import { useState } from 'react'
-import { Users, Handshake, GraduationCap, UserPlus, BarChart3 } from 'lucide-react'
+import { Users, Handshake, GraduationCap, UserPlus, BarChart3, Link2, Settings } from 'lucide-react'
+import { Button } from '@/components/ui/button'
 import { FindPartnerTab } from './tabs/FindPartnerTab'
 import { ResourceDockingTab } from './tabs/ResourceDockingTab'
 import { MentorTab } from './tabs/MentorTab'
 import { TeamRecruitTab } from './tabs/TeamRecruitTab'
 import { CKBStatsTab } from './tabs/CKBStatsTab'
+import { CKBConfigPanel } from './tabs/CKBConfigPanel'
 
 const TABS = [
   { id: 'stats', label: '数据统计', icon: BarChart3 },
@@ -18,19 +20,36 @@ type TabId = (typeof TABS)[number]['id']
 
 export function FindPartnerPage() {
   const [activeTab, setActiveTab] = useState<TabId>('stats')
+  const [showCKBPanel, setShowCKBPanel] = useState(false)
 
   return (
     <div className="p-8 w-full">
-      <div className="mb-6">
-        <h2 className="text-2xl font-bold text-white flex items-center gap-2">
-          <Users className="w-6 h-6 text-[#38bdac]" />
-          找伙伴
-        </h2>
-        <p className="text-gray-400 mt-1">
-          数据统计、匹配池与记录、资源对接、导师预约、团队招募
-        </p>
+      <div className="flex items-start justify-between mb-6">
+        <div>
+          <h2 className="text-2xl font-bold text-white flex items-center gap-2">
+            <Users className="w-6 h-6 text-[#38bdac]" />
+            找伙伴
+          </h2>
+          <p className="text-gray-400 mt-1">
+            数据统计、匹配池与记录、资源对接、导师预约、团队招募
+          </p>
+        </div>
+        <Button
+          onClick={() => setShowCKBPanel(!showCKBPanel)}
+          variant={showCKBPanel ? 'default' : 'outline'}
+          className={showCKBPanel
+            ? 'bg-orange-500 hover:bg-orange-600 text-white'
+            : 'border-orange-500/50 text-orange-400 hover:bg-orange-500/10 bg-transparent'
+          }
+        >
+          <Link2 className="w-4 h-4 mr-2" />
+          存客宝
+          <Settings className="w-3.5 h-3.5 ml-1" />
+        </Button>
       </div>
 
+      {showCKBPanel && <CKBConfigPanel />}
+
       <div className="flex flex-wrap gap-1 mb-6 bg-[#0f2137] rounded-lg p-1 border border-gray-700/50">
         {TABS.map((tab) => {
           const isActive = activeTab === tab.id