fix: Add image credit string (#145)

dailybruin · Dec 5, 2018 · 9293d28 · 9293d28
1 parent 2788551
commit 9293d28
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git 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
@@ -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<CoverPhotoProps> {
           <Byline authors={this.props.authors} />
           {!!this.props.explainer && <p>{this.props.explainer}</p>}
         </div>
+        <span
+          className={css`
+            position: absolute;
+            bottom: 1rem;
+            right: 1rem;
+          `}
+        >
+          {this.props.imageCredit}
+        </span>
       </div>
     )
   }