Travel Agency now displays a world map.

This commit is contained in:
Olivier Gagnon 2021-03-07 12:58:04 -05:00
parent c2ceaa9bdd
commit fbca5a4d8f

@ -32,21 +32,16 @@ export class TravelAgencyLocation extends React.Component<IProps, any> {
} }
render() { render() {
const travelBtns: React.ReactNode[] = []; const thisTravelAgencyLocation = this;
for (const key in CityName) {
const city = CityName[key];
// Skip current city function LocationLetter(props: any) {
if (city === this.props.p.city) { continue; } if(props.city !== thisTravelAgencyLocation.props.p.city) {
return <span className='tooltip' style={{color: 'blue', whiteSpace: 'nowrap', margin: '0px', padding: '0px'}} onClick={createTravelPopup.bind(null, props.city, thisTravelAgencyLocation.props.travel)}>
travelBtns.push( <span className='tooltiptext'>{props.city}</span>
<StdButton {props.city[0]}
key={city} </span>
onClick={createTravelPopup.bind(null, city, this.props.travel)} }
style={this.btnStyle} return <span>{props.city[0]}</span>
text={`Travel to ${city}`}
/>
)
} }
return ( return (
@ -55,7 +50,28 @@ export class TravelAgencyLocation extends React.Component<IProps, any> {
From here, you can travel to any other city! A ticket From here, you can travel to any other city! A ticket
costs {numeralWrapper.formatMoney(CONSTANTS.TravelCost)} costs {numeralWrapper.formatMoney(CONSTANTS.TravelCost)}
</p> </p>
{travelBtns} <pre> ,_ . ._. _. .</pre>
<pre> , _-\','|~\~ ~/ ;-'_ _-' ,;_;_, ~~-</pre>
<pre> /~~-\_/-'~'--' \~~| ', ,' / / ~|-_\_/~/~ ~~--~~~~'--_</pre>
<pre> / ,/'-/~ '\ ,' _ , '<LocationLetter city='Volhaven' />,'|~ ._/-, /~</pre>
<pre> ~/-'~\_, '-,| '|. ' ~ ,\ /'~ / /_ /~</pre>
<pre>.-~ '| '',\~|\ _\~ ,_ , <LocationLetter city='Chongqing' /> /,</pre>
<pre> '\ <LocationLetter city='Sector-12' /> /'~ |_/~\\,-,~ \ " ,_,/ |</pre>
<pre> | / ._-~'\_ _~| \ ) <LocationLetter city='New Tokyo' /></pre>
<pre> \ __-\ '/ ~ |\ \_ / ~</pre>
<pre> ., '\ |, ~-_ - | \\_' ~| /\ \~ ,</pre>
<pre> ~-_' _; '\ '-, \,' /\/ |</pre>
<pre> '\_,~'\_ \_ _, /' ' |, /|'</pre>
<pre> / \_ ~ | / \ ~'; -,_.</pre>
<pre> | ~\ | | , '-_, ,; ~ ~\</pre>
<pre> \, <LocationLetter city='Aevum' /> / \ / /| ,-, , -,</pre>
<pre> | ,/ | |' |/ ,- ~ \ '.</pre>
<pre> ,| ,/ \ ,/ \ <LocationLetter city='Ishima' /> |</pre>
<pre> / | ~ -~~-, / _</pre>
<pre> | ,-' ~ /</pre>
<pre> / ,' ~</pre>
<pre> ',| ~</pre>
<pre> ~'</pre>
</div> </div>
) )
} }