set fetch for repo json

ezy · ezy · commit 18610fc17053 · 2018-08-21T14:10:49.000+12:00
diff --git a/.env.example b/.env.example
@@ -1 +1 @@
-GIT_REPO_TOKEN=token-for-repo
+REACT_APP_DATA_DIR_URL=https://api.github.com/repos/ezy/code-coverage-dashboard/contents/src/data
diff --git a/.gitignore b/.gitignore
@@ -11,6 +11,7 @@
 
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local
diff --git a/config/env.js b/config/env.js
@@ -76,7 +76,7 @@ function getClientEnvironment(publicUrl) {
         // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
         // This should only be used as an escape hatch. Normally you would put
         // images into the `src` and `import` them in code to get their paths.
-        PUBLIC_URL: publicUrl,
+        PUBLIC_URL: publicUrl
       }
     );
   // Stringify all values so we can feed into Webpack DefinePlugin
diff --git a/package.json b/package.json
@@ -38,7 +38,6 @@
     "extract-text-webpack-plugin": "3.0.2",
     "file-loader": "1.1.5",
     "fs-extra": "3.0.1",
-    "glob": "^7.1.2",
     "html-webpack-plugin": "2.29.0",
     "jest": "20.0.4",
     "object-assign": "4.1.1",
diff --git a/public/index.html b/public/index.html
@@ -7,7 +7,7 @@
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
     <link href="https://fonts.googleapis.com/css?family=Libre+Franklin:200,400,700,800" rel="stylesheet">
-    <title>Code Copverage Dashboard</title>
+    <title>Code Coverage Dashboard</title>
   </head>
   <body>
     <noscript>
diff --git a/src/templates/App.js b/src/templates/App.js
@@ -5,7 +5,26 @@ import LineChart from '../components/LineChart';
 import StackChart from '../components/StackChart';
 import { Grid, Row, Col } from 'react-flexbox-grid';
 
+const directoryUrl = process.env.REACT_APP_DATA_DIR_URL;
+let apiData;
+
 class App extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { data: null };
+  }
+  componentDidMount() {
+    fetch(directoryUrl).then((res) => {
+      return res.json();
+    }).then((responseJson) => {
+      apiData = responseJson[0].download_url;
+      fetch(apiData).then((res) => {
+        return res.json();
+      }).then((res) => {
+        this.setState({ data: res })
+      }).catch((error) => console.error(error));
+    }).catch((error) => console.error(error));
+  }
   render() {
     return (
       <Grid fluid className="App">
@@ -18,7 +37,7 @@ class App extends Component {
         </Row>
         <Row>
           <Col sm={12}>
-            <LineChart />
+            <LineChart data={this.state.data} />
           </Col>
         </Row>
         <Row>

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-GIT_REPO_TOKEN=token-for-repo`
	`1`	`+REACT_APP_DATA_DIR_URL=https://api.github.com/repos/ezy/code-coverage-dashboard/contents/src/data`
Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,7 @@ function getClientEnvironment(publicUrl) {`
`76`	`76`	`// For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.`
`77`	`77`	`// This should only be used as an escape hatch. Normally you would put`
`78`	`78`	// images into the `src` and `import` them in code to get their paths.
`79`		`- PUBLIC_URL: publicUrl,`
	`79`	`+ PUBLIC_URL: publicUrl`
`80`	`80`	`}`
`81`	`81`	`);`
`82`	`82`	`// Stringify all values so we can feed into Webpack DefinePlugin`