summaryrefslogtreecommitdiff
path: root/src/components/home/ScreenshotSection.js
diff options
context:
space:
mode:
authorGeorgios Andreadis <g.andreadis@student.tudelft.nl>2017-10-04 22:49:07 +0200
committerGeorgios Andreadis <g.andreadis@student.tudelft.nl>2017-10-04 22:49:25 +0200
commit751a9ef3a12c952fe179f256d854d0c4aa37e28e (patch)
tree241fc22c592a277526e73cc70ea0f95d5a8a7b29 /src/components/home/ScreenshotSection.js
parent9257d89ec2e22b65ffecc7dc7cf67b7a74c34d60 (diff)
Apply prettier to codebase
Diffstat (limited to 'src/components/home/ScreenshotSection.js')
-rw-r--r--src/components/home/ScreenshotSection.js39
1 files changed, 24 insertions, 15 deletions
diff --git a/src/components/home/ScreenshotSection.js b/src/components/home/ScreenshotSection.js
index 74394dcb..42b8ac77 100644
--- a/src/components/home/ScreenshotSection.js
+++ b/src/components/home/ScreenshotSection.js
@@ -3,21 +3,30 @@ import React from "react";
import ContentSection from "./ContentSection";
import "./ScreenshotSection.css";
-const ScreenshotSection = ({name, title, imageUrl, caption, imageIsRight, children}) => (
- <ContentSection name={name} title={title}>
- <div className="row">
- <div className={classNames("col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 text-left",
- {"order-1": !imageIsRight})}>
- {children}
- </div>
- <div className="col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
- <img src={imageUrl} className="col-12 screenshot" alt={caption}/>
- <div className="row text-muted justify-content-center">
- {caption}
- </div>
- </div>
- </div>
- </ContentSection>
+const ScreenshotSection = ({
+ name,
+ title,
+ imageUrl,
+ caption,
+ imageIsRight,
+ children
+}) => (
+ <ContentSection name={name} title={title}>
+ <div className="row">
+ <div
+ className={classNames(
+ "col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 text-left",
+ { "order-1": !imageIsRight }
+ )}
+ >
+ {children}
+ </div>
+ <div className="col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
+ <img src={imageUrl} className="col-12 screenshot" alt={caption} />
+ <div className="row text-muted justify-content-center">{caption}</div>
+ </div>
+ </div>
+ </ContentSection>
);
export default ScreenshotSection;