Components

MemberCard

<MemberCard name roles profilePictureSrc color />

Renders the MemberCard component. Contains a member's profile.

Constructor

# <MemberCard name roles profilePictureSrc color />

PropTypes:
Name Type Required Description Default
name string Yes The member's name
roles string Yes The member's role(s) (e.g. alto)
profilePictureSrc string No The member's profile picture file path
color enum Yes The background color of the component. See options.
Author:

View Source components/ChoirMembers/MemberCard/MemberCard.js, line 18

Members

# state

MemberCard component state
Properties:
Name Type Description
profilePicLoadError boolean Indicates if there was an error loading the member's profile picture

View Source components/ChoirMembers/MemberCard/MemberCard.js, line 23

Methods

# getImageComponent() → {object}

Gets the correct image component

View Source components/ChoirMembers/MemberCard/MemberCard.js, line 40

An image component (JSX)
object

# profilePicLoadErrorHandler()

Updates state to indicate that there was an error loading the member's profile picture

View Source components/ChoirMembers/MemberCard/MemberCard.js, line 31

# render()

Renders the MemberCard component

View Source components/ChoirMembers/MemberCard/MemberCard.js, line 75