Merge pull request #49 from hackforla/prototype_pics

Added barebones prototype components and pictures

src/App.js

@@ -1,6 +1,9 @@
 import React from 'react';
 import './App.css';
 import TreeMapVis from './components/TreeMapVis/TreeMapVis.js';
+import CandleStick from './components/CandleStick/CandleStick.js';
+import PinMap from './components/PinMap/PinMap.js';
+import HeatMap from './components/HeatMap/HeatMap.js';
 
  class App extends React.Component{
    constructor(props){
@@ -15,7 +18,9 @@ import TreeMapVis from './components/TreeMapVis/TreeMapVis.js';
   render(){
     const prototypeMap = {
       TreeMapVis: <TreeMapVis/>,
-      // PinMap: <PinMap/>
+      CandleStick: <CandleStick/>,
+      PinMap: <PinMap/>,
+      HeatMap:<HeatMap/>
     }
 
     return (

src/components/CandleStick/CandleStick.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const CandleStick = () => {
+  return (
+    <div>
+      <img src={process.env.PUBLIC_URL + '/candlestick.png'} alt="candlestick"/>
+    </div>
+  );
+}
+
+export default CandleStick;

src/components/HeatMap/HeatMap.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const HeatMap = () => {
+  return (
+    <div>
+      <img src={process.env.PUBLIC_URL + '/heatmap.png'} alt="heatmap"/>
+    </div>
+  );
+}
+
+export default HeatMap;

src/components/PinMap/PinMap.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const PinMap = () => {
+  return (
+    <div>
+      <img src={process.env.PUBLIC_URL + '/pinmap.png'} alt="PinMap"/>
+    </div>
+  );
+}
+
+export default PinMap;