From 98ff93479752e9834fe82e64187473ffb97ec314 Mon Sep 17 00:00:00 2001
From: Cole Deck <cdeck@hawk.iit.edu>
Date: Mon, 29 Jul 2024 13:29:48 -0500
Subject: [PATCH] Just kidding, put it back

---
 src/assets/stylesheets/cabledetail.scss |  4 ---
 src/components/CableDetailComponent.js  | 35 +++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/src/assets/stylesheets/cabledetail.scss b/src/assets/stylesheets/cabledetail.scss
index d029895..7511d40 100644
--- a/src/assets/stylesheets/cabledetail.scss
+++ b/src/assets/stylesheets/cabledetail.scss
@@ -112,10 +112,6 @@ $white: #fff;
   overflow: visible;
 }
 
-.cable-actions-button {
-  width: 49%;
-}
-
 .cable-actions-back {
   width: auto;
   background: linear-gradient(
diff --git a/src/components/CableDetailComponent.js b/src/components/CableDetailComponent.js
index 37ecabc..90444cf 100644
--- a/src/components/CableDetailComponent.js
+++ b/src/components/CableDetailComponent.js
@@ -107,6 +107,7 @@ export default class CableDetailComponent extends Component {
     this.state = {
       cableDetails: null,
       modalOpen_dispense: false,
+      modalOpen_show: false,
       modalOpen_datasheet: false,
       modalOpacity: 0,
     };
@@ -123,6 +124,10 @@ export default class CableDetailComponent extends Component {
       this.props.socket.send(
         `{"type": "cable_get","call": "send","data": {"position": ${this.state.cableDetails.position}}}`
       );
+    } else if (modal === "modalOpen_show") {
+      this.props.socket.send(
+        `{"type": "cable_get","call": "request","data": {"position": ${this.state.cableDetails.position}}}`
+      );
     }
   };
 
@@ -228,6 +233,7 @@ export default class CableDetailComponent extends Component {
   render() {
     const {
       modalOpen_dispense,
+      modalOpen_show,
       modalOpen_datasheet,
       modalOpacity,
       cableDetails,
@@ -359,6 +365,35 @@ export default class CableDetailComponent extends Component {
                 </div>
               </div>
             </Modal>
+            <div
+              className="cable-actions-button"
+              onClick={() => this.openModal("modalOpen_show")}
+            >
+              <span>➤ Show</span>
+              <span>💡</span>
+            </div>
+            <Modal
+              isOpen={modalOpen_show}
+              onRequestClose={() => this.closeModal("modalOpen_show")}
+              contentLabel="show"
+              style={modalStyle}
+            >
+              <div className="modal-container">
+                <div className="modal-title">
+                  <span>💡</span>
+                  <span>Showing Item</span>
+                </div>
+                <div className="modal-body">
+                  <span>The item will now be illuminated.</span>
+                </div>
+                <div
+                  className="modal-close"
+                  onClick={() => this.closeModal("modalOpen_show")}
+                >
+                  <span>Close</span>
+                </div>
+              </div>
+            </Modal>
             <div
               className="cable-actions-button"
               onClick={() => this.openModal("modalOpen_dispense")}