Just kidding, put it back
This commit is contained in:
		| @@ -112,10 +112,6 @@ $white: #fff; | ||||
|   overflow: visible; | ||||
| } | ||||
|  | ||||
| .cable-actions-button { | ||||
|   width: 49%; | ||||
| } | ||||
|  | ||||
| .cable-actions-back { | ||||
|   width: auto; | ||||
|   background: linear-gradient( | ||||
|   | ||||
| @@ -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")} | ||||
|   | ||||
		Reference in New Issue
	
	Block a user