department-of-veterans-affairs/vets-website

import React from 'react';
import PropTypes from 'prop-types';
import { getRealFacilityId } from '../utils/appointment';
import FacilityAddress from './FacilityAddress';
import NewTabAnchor from './NewTabAnchor';

export default function VAFacilityLocation({
  clinicName,
  facility,
  facilityName,
  facilityId,
  clinicFriendlyName,
  clinicPhysicalLocation,
  clinicPhone,
  clinicPhoneExtension,
  showCovidPhone,
  showPhone,
  isPhone,
  showDirectionsLink = true,
}) {
  let content = null;

  if (!facility && !facilityId) {
    content = (
      <NewTabAnchor href="/find-locations">
        Find facility information
      </NewTabAnchor>
    );
  } else if (!facility) {
    content = (
      <NewTabAnchor
        href={`/find-locations/facility/vha_${getRealFacilityId(facilityId)}`}
      >
        View facility information
      </NewTabAnchor>
    );
  } else if (facility) {
    content = (
      <>
        {!!clinicName && (
          <>
            {facility.name}
            <br />
          </>
        )}
        <FacilityAddress
          facility={facility}
          showDirectionsLink={showDirectionsLink}
          clinicName={clinicFriendlyName}
          clinicPhysicalLocation={clinicPhysicalLocation}
          clinicPhone={clinicPhone}
          clinicPhoneExtension={clinicPhoneExtension}
          level={2}
          showCovidPhone={showCovidPhone}
          isPhone={isPhone}
          showPhone={showPhone}
        />
      </>
    );
  }

  const name = clinicName || facilityName || facility?.name;

  return (
    <>
      {name}
      <div>{content}</div>
    </>
  );
}

VAFacilityLocation.propTypes = {
  clinicFriendlyName: PropTypes.string,
  clinicName: PropTypes.string,
  clinicPhone: PropTypes.string,
  clinicPhoneExtension: PropTypes.string,
  clinicPhysicalLocation: PropTypes.string,
  facility: PropTypes.object,
  facilityId: PropTypes.string,
  facilityName: PropTypes.string,
  isPhone: PropTypes.bool,
  showCovidPhone: PropTypes.bool,
  showDirectionsLink: PropTypes.bool,
  showPhone: PropTypes.bool,
};