From fbca5a4d8f2cd9795dcb3defc2742ec661e7118c Mon Sep 17 00:00:00 2001
From: Olivier Gagnon <oli.gagnon4418@gmail.com>
Date: Sun, 7 Mar 2021 12:58:04 -0500
Subject: [PATCH] Travel Agency now displays a world map.

---
 src/Locations/ui/TravelAgencyLocation.tsx | 46 +++++++++++++++--------
 1 file changed, 31 insertions(+), 15 deletions(-)

diff --git a/src/Locations/ui/TravelAgencyLocation.tsx b/src/Locations/ui/TravelAgencyLocation.tsx
index 3f21b6183..887aa2091 100644
--- a/src/Locations/ui/TravelAgencyLocation.tsx
+++ b/src/Locations/ui/TravelAgencyLocation.tsx
@@ -32,21 +32,16 @@ export class TravelAgencyLocation extends React.Component<IProps, any> {
     }
 
     render() {
-        const travelBtns: React.ReactNode[] = [];
-        for (const key in CityName) {
-            const city = CityName[key];
+        const thisTravelAgencyLocation = this;
 
-            // Skip current city
-            if (city === this.props.p.city) { continue; }
-
-            travelBtns.push(
-                <StdButton
-                    key={city}
-                    onClick={createTravelPopup.bind(null, city, this.props.travel)}
-                    style={this.btnStyle}
-                    text={`Travel to ${city}`}
-                />
-            )
+        function LocationLetter(props: any) {
+            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)}>
+                    <span className='tooltiptext'>{props.city}</span>
+                    {props.city[0]}
+                </span>
+            }
+            return <span>{props.city[0]}</span>
         }
 
         return (
@@ -55,7 +50,28 @@ export class TravelAgencyLocation extends React.Component<IProps, any> {
                     From here, you can travel to any other city! A ticket
                     costs {numeralWrapper.formatMoney(CONSTANTS.TravelCost)}
                 </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>
         )
     }