From d62320bafbf4eafba9b9adbf240891022610a9f6 Mon Sep 17 00:00:00 2001
From: Abhas Bhattacharya <abhasbhattacharya2@gmail.com>
Date: Wed, 11 Apr 2018 11:25:37 +0530
Subject: [PATCH] Add basic portfolio manager

---
 .../PortfolioManager/PortfolioManager.css     |  0
 .../PortfolioManager/PortfolioManager.jsx     | 38 +++++++++++++++++++
 src/Components/PortfolioManager/index.js      |  1 +
 3 files changed, 39 insertions(+)
 create mode 100644 src/Components/PortfolioManager/PortfolioManager.css
 create mode 100644 src/Components/PortfolioManager/PortfolioManager.jsx
 create mode 100644 src/Components/PortfolioManager/index.js

diff --git a/src/Components/PortfolioManager/PortfolioManager.css b/src/Components/PortfolioManager/PortfolioManager.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/Components/PortfolioManager/PortfolioManager.jsx b/src/Components/PortfolioManager/PortfolioManager.jsx
new file mode 100644
index 0000000..058112c
--- /dev/null
+++ b/src/Components/PortfolioManager/PortfolioManager.jsx
@@ -0,0 +1,38 @@
+/* eslint-disable react/prefer-stateless-function */
+import React, { Component } from 'react';
+import './PortfolioManager.css';
+
+class PortfolioManager extends Component {
+  render() {
+    const portfolioScripPrices = this.props.portfolioScripPrices;
+
+    return (
+      <div
+        className="portfolio-manager"
+        onDragOver={(ev) => { ev.preventDefault(); }}
+        onDrop={(ev) => {
+          const scripName = ev.dataTransfer.getData('text/plain');
+          this.props.addScripToPortfolio(scripName);
+        }}
+      >
+        <div className="drop-block" style={{ width: '100%', height: '500px', border: '1px solid black' }} />
+        Please drop here
+        <ul>
+          {
+            Object.keys(portfolioScripPrices).map((scripName) => {
+              return (
+                <li
+                  key={scripName}
+                >
+                  {scripName} | {portfolioScripPrices[scripName]}
+                </li>
+              );
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+}
+
+export { PortfolioManager };
diff --git a/src/Components/PortfolioManager/index.js b/src/Components/PortfolioManager/index.js
new file mode 100644
index 0000000..cfe215b
--- /dev/null
+++ b/src/Components/PortfolioManager/index.js
@@ -0,0 +1 @@
+export { PortfolioManager } from './PortfolioManager';