import React from "react"; import { CityName } from "../../Locations/data/CityNames"; interface ICityProps { currentCity: CityName; city: CityName; onTravel: (city: CityName) => void; } function City(props: ICityProps): React.ReactElement { if (props.city !== props.currentCity) { return ( props.onTravel(props.city)} > {props.city} {props.city[0]} ); } return {props.city[0]}; } interface IProps { currentCity: CityName; onTravel: (city: CityName) => void; } export function WorldMap(props: IProps): React.ReactElement { // prettier-ignore return (
,_ . ._. _. .
, _-\','|~\~ ~/ ;-'_ _-' ,;_;_, ~~-
/~~-\_/-'~'--' \~~| ', ,' / / ~|-_\_/~/~ ~~--~~~~'--_
/ ,/'-/~ '\ ,' _ , ','|~ ._/-, /~
~/-'~\_, '-,| '|. ' ~ ,\ /'~ / /_ /~
.-~ '| '',\~|\ _\~ ,_ ,/,
'\/'~ |_/~\\,-,~ \ " ,_,/ |
| / ._-~'\_ _~| \ )
\ __-\ '/ ~ |\ \_ / ~
., '\ |, ~-_ - | \\_' ~| /\ \~ ,
~-_' _; '\ '-, \,' /\/ |
'\_,~'\_ \_ _, /' ' |, /|'
/ \_ ~ | / \ ~'; -,_.
| ~\ | | , '-_, ,; ~ ~\
\,/ \ / /| ,-, , -,
| ,/ | |' |/ ,- ~ \ '.
,| ,/ \ ,/ \|
/ | ~ -~~-, / _
| ,-' ~ /
/ ,' ~
',| ~
~'