kyber

1
import { KyberServer } from '../../api/models'
2
import { BattlefrontMap, BattlefrontMode } from '../../data/models'
3
import Server from '../Server'
4

5
type ServerListProps = {
6
    servers: KyberServer[],
7
    maps: BattlefrontMap[],
8
    modes: BattlefrontMode[],
9
    showModal: any
10
}
11

12
// [OBSOLETE] Legacy code
13
const ServerList = ({ servers, maps, modes, showModal }: ServerListProps) => {
14

15
  return (<>
16
    <span style={{ display: 'flex', justifyContent: 'center', margin: '10px' }}>
17
            Found {servers.length} Kyber server{servers.length > 1 && 's'}:
18
    </span>
19
    {
20
      servers.map(s => {
21
        const mapName = maps.find(m => m?.map === s?.map)?.name
22
        const modeName = modes.find(m => m.mode === s?.mode)?.name.replaceAll('Versus', 'vs.')
23

24
        return (
25
          <Server key={s.id} s={s} modeName={modeName} mapName={mapName} showModal={showModal} />
26
        )
27
      })
28
    }
29
  </>)
30
}
31

32
export default ServerList