Sha256: 5e2850256fb1364aa1c26b5491643443bee44028335b5f834dfccc5f20b36694
Contents?: true
Size: 1.6 KB
Versions: 5
Compression:
Stored size: 1.6 KB
Contents
/* @flow */
/*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
import React from 'react'
import classnames from 'classnames'
import { titleize } from '../utilities/text.js'
import {
Body,
Title,
} from '../'
const dot = (houseStyle) =>
{ if (houseStyle !== undefined) {
return "\u00b7"
}
}
const titleizeAddessCont = (addressCont) => addressCont ? titleize(addressCont) : null;
type HomeAddressStreetProps = {
address: String,
addressCont: String,
city: String,
className?: String,
dark?: Boolean,
homeId: Number,
houseStyle: String,
state: String,
zipcode: String,
territory: String,
}
const classes = (className, dark) => (
classnames(className, {
'pb_home_address_street': !dark,
'pb_home_address_street_dark': dark,
})
)
const HomeAddressStreet = ({
address,
addressCont,
city,
className,
dark=false,
homeId,
houseStyle,
state,
zipcode,
territory,
}: HomeAddressStreetProps) => (
<div className={classes(className, dark)}>
<Title
className="pb_home_address_street_address"
size={4}
>
{titleize(address)} {dot(houseStyle)} {houseStyle}
</Title>
<Title
className="pb_home_address_street_address"
size={4}
>
{titleizeAddessCont(addressCont)}
</Title>
<Body color="light">
{titleize(city)}, {state} {zipcode}
</Body>
<Body
className="home-hashtag"
tag="span"
>
H#{homeId}
</Body>
<Body
color="light"
tag="span"
>
<small>{territory}</small>
</Body>
</div>
)
export default HomeAddressStreet
Version data entries
5 entries across 5 versions & 1 rubygems