Changeset View
Changeset View
Standalone View
Standalone View
landing/competitor-feature.react.js
Show All 34 Lines | |||||
} | } | ||||
type Props = { | type Props = { | ||||
+competitorID: Competitors, | +competitorID: Competitors, | ||||
+title: string, | +title: string, | ||||
+comingSoon: boolean, | +comingSoon: boolean, | ||||
+competitorDescription: string | $ReadOnlyArray<string>, | +competitorDescription: string | $ReadOnlyArray<string>, | ||||
+commDescription: string | $ReadOnlyArray<string>, | +commDescription: string | $ReadOnlyArray<string>, | ||||
+descriptionTextClassName?: string, | |||||
}; | }; | ||||
function CompetitorFeature(props: Props): React.Node { | function CompetitorFeature(props: Props): React.Node { | ||||
const { | const { | ||||
competitorID, | competitorID, | ||||
title, | title, | ||||
comingSoon, | comingSoon, | ||||
competitorDescription, | competitorDescription, | ||||
commDescription, | commDescription, | ||||
descriptionTextClassName = '', | |||||
} = props; | } = props; | ||||
const headingClassName = classNames([typography.heading3, css.headingText]); | const headingClassName = classNames([typography.heading3, css.headingText]); | ||||
const comingSoonClassName = classNames([ | const comingSoonClassName = classNames([ | ||||
typography.paragraph3, | typography.paragraph3, | ||||
css.comingSoonText, | css.comingSoonText, | ||||
]); | ]); | ||||
const descriptionClassName = classNames([ | const descriptionClassName = classNames([ | ||||
typography.paragraph1, | typography.paragraph1, | ||||
css.descriptionText, | css.descriptionText, | ||||
descriptionTextClassName, | |||||
]); | ]); | ||||
const descriptionMultiClassName = classNames([ | const descriptionMultiClassName = classNames([ | ||||
typography.paragraph1, | typography.paragraph1, | ||||
css.descriptionTextMutli, | css.descriptionTextMutli, | ||||
descriptionTextClassName, | |||||
]); | ]); | ||||
let comingSoonBadge; | let comingSoonBadge; | ||||
if (comingSoon) { | if (comingSoon) { | ||||
comingSoonBadge = ( | comingSoonBadge = ( | ||||
<div className={css.comingSoonBadge}> | <div className={css.comingSoonBadge}> | ||||
<FontAwesomeIcon | <FontAwesomeIcon | ||||
size="sm" | size="sm" | ||||
Show All 35 Lines |