message: Adds city and postal_code to show address
diff: -import { Box, color, Flex, Sans, Serif } from "@artsy/palette"
  +import { Box, color, Flex, Sans, Serif, Spacer } from "@artsy/palette"
  import Mapbox from "@mapbox/react-native-mapbox-gl"
  import { LocationMap_location } from "__generated__/LocationMap_location.graphql"
  import { Pin } from "lib/Icons/Pin"
  @@ -16,6 +16,10 @@ const Map = styled(Mapbox.MapView)`
  height: 120;
  `
  +const StyledSerif = styled(Serif)`
  + line-height: 18px;
  +`
  +
  const MapWrapper = styled(Flex)`
  border-width: 1px;
  border-color: ${color("black10")};
  @@ -37,13 +41,51 @@ export class LocationMap extends React.Component<Props> {
  render() {
  const { location, partnerName } = this.props
  const { lat, lng } = location.coordinates || { lat: null, lng: null }
  - const { address_2, address, id } = location
  + const { address_2, address, id, postal_code, city } = location
  if (!lat || !lng) {
  return null
  }
  + const cityAndPostalCode = () => {
  + if (city && postal_code) {
  + return city + ", " + postal_code
  + } else if (city) {
  + return city
  + } else if (postal_code) {
  + return postal_code
  + }
  + }
  +
  + const renderAddress = () => {
  + return (
  + <Box my={2}>
  + {partnerName && (
  + <Sans size="3" color="black100" textAlign="center" weight="medium">
  + {partnerName}
  + </Sans>
  + )}
  + {address && (
  + <StyledSerif size="3" color="black60" textAlign="center">
  + {address}
  + </StyledSerif>
  + )}
  + {address_2 && (
  + <StyledSerif size="3" color="black60" textAlign="center">
  + {address_2}
  + </StyledSerif>
  + )}
  + {(city || postal_code) && (
  + <StyledSerif size="3" color="black60" textAlign="center">
  + {cityAndPostalCode()}
  + </StyledSerif>
  + )}
  + </Box>
  + )
  + }
  +
  return (
  + <>
  <MapWrapper>
  <Map
  key={lng}
  @@ -58,24 +100,10 @@ export class LocationMap extends React.Component<Props> {
  <Pin />
  </Mapbox.PointAnnotation>
  </Map>
  - <Box my={2}>
  - {partnerName && (
  - <Sans size="3" color="black100" textAlign="center" weight="medium">
  - {partnerName}
  - </Sans>
  - )}
  - {address && (
  - <Serif size="3" color="black60" textAlign="center">
  - {address}
  - </Serif>
  - )}
  - {address_2 && (
  - <Serif size="3" color="black60" textAlign="center">
  - {address_2}
  - </Serif>
  - )}
  - </Box>
  + {renderAddress()}
  </MapWrapper>
  + <Spacer m={1} />
  + </>
  )
  }
  }
  @@ -89,7 +117,7 @@ export const LocationMapContainer = createFragmentContainer(
  city
  address
  address_2
  - display
  + postal_code
  coordinates {
  lat
  lng
  