25 lines
1.1 KiB
TypeScript
25 lines
1.1 KiB
TypeScript
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>
|
|
)
|
|
}
|