diff --git a/src/components/CoverPhoto/index.mdx b/src/components/CoverPhoto/index.mdx index e6ba8458..3e159923 100644 --- a/src/components/CoverPhoto/index.mdx +++ b/src/components/CoverPhoto/index.mdx @@ -17,6 +17,7 @@ A cover photo. headline="Gene Block starts meme factory" authors="Tanner Walters" imageURL="https://features.dailybruin.com/2017/close-to-home/img/web.enterprise.anonymous.DLee.jpg" + imageCredit="Richard Yang/Daily Bruin" xPosition="end" yPosition="center" explainer="This is an example cover photo and explainer text for Lux. Explainer text is typically a couple of sentences long and gives the reader a sense of what the article is about." diff --git a/src/components/CoverPhoto/index.tsx b/src/components/CoverPhoto/index.tsx index 7acd03e2..41d2a117 100644 --- a/src/components/CoverPhoto/index.tsx +++ b/src/components/CoverPhoto/index.tsx @@ -18,6 +18,7 @@ export enum YPosition { interface CoverPhotoProps { headline: string imageURL: string + imageCredit: string authors: string[] xPosition: XPosition yPosition: YPosition @@ -85,6 +86,15 @@ export default class CoverPhoto extends React.Component { {!!this.props.explainer &&

{this.props.explainer}

} + + {this.props.imageCredit} + ) }