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

This commit is contained in:
卡若
2026-03-08 10:33:59 +08:00
parent 8151b7ac38
commit 3cbea9995c

View File

@@ -0,0 +1,24 @@
import { useState } from 'react'
import { MatchPoolTab } from './MatchPoolTab'
import { MatchRecordsTab } from './MatchRecordsTab'
export function FindPartnerTab() {
const [subTab, setSubTab] = useState<'pool' | 'records'>('pool')
return (
<div className="space-y-4">
<div className="flex gap-2">
<button type="button" onClick={() => setSubTab('pool')}
className={`px-4 py-2 rounded-lg text-sm font-medium transition-all ${subTab === 'pool' ? 'bg-[#38bdac]/20 text-[#38bdac] border border-[#38bdac]/50' : 'bg-[#0a1628] text-gray-400 border border-gray-700 hover:text-white'}`}>
</button>
<button type="button" onClick={() => setSubTab('records')}
className={`px-4 py-2 rounded-lg text-sm font-medium transition-all ${subTab === 'records' ? 'bg-[#38bdac]/20 text-[#38bdac] border border-[#38bdac]/50' : 'bg-[#0a1628] text-gray-400 border border-gray-700 hover:text-white'}`}>
</button>
</div>
{subTab === 'pool' && <MatchPoolTab />}
{subTab === 'records' && <MatchRecordsTab />}
</div>
)
}