From 2d9c1fd55c4d2c9bf275aeaf6a83703cebba374f Mon Sep 17 00:00:00 2001
From: Jude <julie_wang1@brown.edu>
Date: Sat, 9 Mar 2019 11:08:32 -0500
Subject: restored functionality to add nodes menu

---
 src/client/views/ContextMenu.scss |  3 +--
 src/client/views/Main.tsx         | 24 ++++++++++++------------
 2 files changed, 13 insertions(+), 14 deletions(-)

(limited to 'src')

diff --git a/src/client/views/ContextMenu.scss b/src/client/views/ContextMenu.scss
index 5bb5d67f5..db79f153a 100644
--- a/src/client/views/ContextMenu.scss
+++ b/src/client/views/ContextMenu.scss
@@ -27,7 +27,7 @@
     border-bottom-style: solid;
     padding: 10px;
     white-space: nowrap;
-    font-size: 1.5vw;
+    font-size: 13px;
 }
 
 .contextMenu-item:hover {
@@ -36,7 +36,6 @@
 }
 
 .contextMenu-description {
-    font-size: 1.5vw;
     text-align: left;
     width: 8vw;
 }
\ No newline at end of file
diff --git a/src/client/views/Main.tsx b/src/client/views/Main.tsx
index 071694de9..cf1bc1508 100644
--- a/src/client/views/Main.tsx
+++ b/src/client/views/Main.tsx
@@ -114,24 +114,24 @@ Documents.initProtos(mainDocId, (res?: Document) => {
 
                 <div id="add-options-content">
                     <ul id="add-options-list">
-                        <li><button className="add-button" onClick={() => console.log("yes")}>
+                        <li><div ref={textRef}><button className="add-button" onPointerDown={setupDrag(textRef, addTextNode)} onClick={addClick(addTextNode)}>
                             <FontAwesomeIcon icon="font" size="sm" />
-                        </button></li>
-                        <li><button className="add-button">
+                        </button></div></li>
+                        <li><div ref={imgRef}><button className="add-button" onPointerDown={setupDrag(imgRef, addImageNode)} onClick={addClick(addImageNode)}>
                             <FontAwesomeIcon icon="image" size="sm" />
-                        </button></li>
-                        <li><button className="add-button">
+                        </button></div></li>
+                        <li><div ref={pdfRef}><button className="add-button" onPointerDown={setupDrag(pdfRef, addPDFNode)} onClick={addClick(addPDFNode)}>
                             <FontAwesomeIcon icon="file-pdf" size="sm" />
-                        </button></li>
-                        <li><button className="add-button">
+                        </button></div></li>
+                        <li><div ref={webRef}><button className="add-button" onPointerDown={setupDrag(webRef, addWebNode)} onClick={addClick(addWebNode)}>
                             <FontAwesomeIcon icon="globe-asia" size="sm" />
-                        </button></li>
-                        <li><button className="add-button">
+                        </button></div></li>
+                        <li><div ref={colRef}><button className="add-button" onPointerDown={setupDrag(colRef, addColNode)} onClick={addClick(addColNode)}>
                             <FontAwesomeIcon icon="object-group" size="sm" />
-                        </button></li>
-                        <li><button className="add-button">
+                        </button></div></li>
+                        <li><div ref={schemaRef}><button className="add-button" onPointerDown={setupDrag(schemaRef, addSchemaNode)} onClick={addClick(addSchemaNode)}>
                             <FontAwesomeIcon icon="table" size="sm" />
-                        </button></li>
+                        </button></div></li>
                     </ul>
                 </div>
 
-- 
cgit v1.2.3-70-g09d2