From 8535db483bd2a153013976a0ad540d00707405ba Mon Sep 17 00:00:00 2001
From: Julia McCauley <skurvyj@gmail.com>
Date: Tue, 20 Apr 2021 11:26:22 -0400
Subject: trying to implement on edge click, same trade pop up, not working yet
 tho

---
 react-frontend/src/components/EdgeInfo.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

(limited to 'react-frontend/src/components/EdgeInfo.js')

diff --git a/react-frontend/src/components/EdgeInfo.js b/react-frontend/src/components/EdgeInfo.js
index e69de29..60af0e8 100644
--- a/react-frontend/src/components/EdgeInfo.js
+++ b/react-frontend/src/components/EdgeInfo.js
@@ -0,0 +1,31 @@
+
+import '../css/UserCheckin.css';
+
+/**
+ * Componenet for checkins. Has a toggle to show more info.
+ * @param {Object} props The props of the component.
+ * @returns {import('react').HtmlHTMLAttributes} A list element holding a checkin's info.
+ */
+function EdgeInfo(props) {
+    // State - toggled
+
+    const stockList = props.stockList;
+
+   /* const stockInfo = stockList.map((stock) =>
+        <li>{stock}</li>
+    );*/
+
+    const hideSelf = () => {
+        props.setHideInfo(true);
+    }
+
+    return (
+        <div className='edge-info-wrapper'>
+            <p onClick={hideSelf}> X </p>
+            <div className = 'edge-info'>
+                {stockList}
+            </div>
+        </div>);
+}
+
+export default EdgeInfo;
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2