Sha256: e703c249a82f48bd08f6eb98e5c7c75c2e308656d7754ab60fb149fbc3cad125

Contents?: true

Size: 1.43 KB

Versions: 3

Compression:

Stored size: 1.43 KB

Contents

/* @flow */
/*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */

import React from 'react'
import classnames from 'classnames'

import {
  Body,
  Title,
} from '../'

const dot = (houseStyle) =>
  { if (houseStyle !== undefined) {
    return "\u00b7"
  }
}

type HomeAddressStreetProps = {
  address: String,
  address_cont: 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,
  address_cont,
  city,
  className,
  dark=false,
  homeId,
  houseStyle,
  state,
  zipcode,
  territory,
}: HomeAddressStreetProps) => (
  <div className={classes(className, dark)}>
    <Title
        className="pb_home_address_street_address"
        size={4}
    >
      {address} {dot(houseStyle)} {houseStyle}
    </Title>
    <Title
        className="pb_home_address_street_address"
        size={4}
    >
      {address_cont}
    </Title>
    <Body color="light">
      {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

3 entries across 3 versions & 1 rubygems

Version Path
playbook_ui-2.9.7 app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx
playbook_ui-2.9.6 app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx
playbook_ui-2.9.5 app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx