Components

ChoirCard

<ChoirCard headerImgSrc name description cardColor onClick />

Renders the ChoirCard component. Shows information about the choir.

Constructor

# <ChoirCard headerImgSrc name description cardColor onClick />

PropTypes:
Name Type Required Description Default
headerImgSrc string No The path to the header image
name string Yes The choir's name
description string No The choir's description
cardColor enum Yes The card's background color. See options.
onClick func No Click handler for the card
Author:

View Source components/ChoirSelection/ChoirCards/ChoirCard/ChoirCard.js, line 24

Extends

  • Component

Members

# state

ChoirCard component state
Properties:
Name Type Description
choirImgLoadingError boolean Indicates if there was an error loading the choir's image

View Source components/ChoirSelection/ChoirCards/ChoirCard/ChoirCard.js, line 29

Methods

# choirImgLoadingErrorHandler()

Updates state if there was an error loading the choir image

View Source components/ChoirSelection/ChoirCards/ChoirCard/ChoirCard.js, line 37

# getHeaderImage()

Gets the correct header image

View Source components/ChoirSelection/ChoirCards/ChoirCard/ChoirCard.js, line 54

An image (JSX)

# render()

Renders the ChoirCard component

View Source components/ChoirSelection/ChoirCards/ChoirCard/ChoirCard.js, line 88

JSX