46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import Typography from "@material-ui/core/Typography";
|
|
import React from "react";
|
|
|
|
import { AddressType } from "../../customers/types";
|
|
import Skeleton from "../Skeleton";
|
|
|
|
interface AddressFormatterProps {
|
|
address?: AddressType;
|
|
}
|
|
|
|
const AddressFormatter: React.FC<AddressFormatterProps> = ({ address }) => {
|
|
if (!address) {
|
|
return <Skeleton />;
|
|
}
|
|
return (
|
|
<address
|
|
style={{
|
|
fontStyle: "inherit"
|
|
}}
|
|
>
|
|
<Typography component="span">
|
|
{address.firstName} {address.lastName}
|
|
</Typography>
|
|
{address.companyName && (
|
|
<Typography component="span">{address.companyName}</Typography>
|
|
)}
|
|
<Typography component="span">
|
|
{address.streetAddress1}
|
|
<br />
|
|
{address.streetAddress2}
|
|
</Typography>
|
|
<Typography component="span">
|
|
{" "}
|
|
{address.postalCode} {address.city}
|
|
{address.cityArea ? ", " + address.cityArea : ""}
|
|
</Typography>
|
|
<Typography component="span">
|
|
{address.countryArea
|
|
? address.countryArea + ", " + address.country.country
|
|
: address.country.country}
|
|
</Typography>
|
|
</address>
|
|
);
|
|
};
|
|
AddressFormatter.displayName = "AddressFormatter";
|
|
export default AddressFormatter;
|