From 803084cee8a142ecc4ebf58cb4ab67dfee5dd257 Mon Sep 17 00:00:00 2001
From: Michael Winsauer <e1429715@student.tuwien.ac.at>
Date: Sat, 19 Jan 2019 11:32:03 +0100
Subject: [PATCH] Move pdf report into separate component
---
service-website/src/components/PdfReport.js | 20 +++++++++++++++++++
.../src/components/SentimentAnalysis.js | 20 ++++---------------
2 files changed, 24 insertions(+), 16 deletions(-)
create mode 100644 service-website/src/components/PdfReport.js
diff --git a/service-website/src/components/PdfReport.js b/service-website/src/components/PdfReport.js
new file mode 100644
index 0000000..c0ca230
--- /dev/null
+++ b/service-website/src/components/PdfReport.js
@@ -0,0 +1,20 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+const PdfReport = ({pdfLink}) => {
+ if (pdfLink) {
+ return (
+ <div className="pdf-report">
+ <a href={pdfLink} target="_blank" rel="noopener noreferrer">Download PDF report</a>
+ </div>
+ );
+ } else {
+ return null;
+ }
+};
+
+PdfReport.propTypes = {
+ pdfLink: PropTypes.string.isRequired,
+};
+
+export default PdfReport;
diff --git a/service-website/src/components/SentimentAnalysis.js b/service-website/src/components/SentimentAnalysis.js
index 9a234d3..944cc51 100644
--- a/service-website/src/components/SentimentAnalysis.js
+++ b/service-website/src/components/SentimentAnalysis.js
@@ -1,7 +1,8 @@
import React, {Component} from "react";
-import SearchTermsInput from "./SearchTermsInput";
-import {Map} from "immutable";
import axios from "axios";
+import {Map} from "immutable";
+import PdfReport from "./PdfReport";
+import SearchTermsInput from "./SearchTermsInput";
class SentimentAnalysis extends Component {
constructor(props, context) {
@@ -85,19 +86,6 @@ class SentimentAnalysis extends Component {
});
}
- renderPdf() {
- const pdfLink = this.state.pdfLink;
- if (pdfLink) {
- return (
- <div className="pdf-report">
- <a href={pdfLink} target="_blank" rel="noopener noreferrer">Download PDF report</a>
- </div>
- );
- } else {
- return null;
- }
- }
-
render() {
return (
<div className="sentiment-analysis">
@@ -109,7 +97,7 @@ class SentimentAnalysis extends Component {
onRemoveTerm={this.handleRemoveTerm}/>
<input type="submit" value="Submit"/>
</form>
- {this.renderPdf()}
+ <PdfReport pdfLink={this.state.pdfLink}/>
</div>
);
}
--
2.47.3