Just kidding, put it back
This commit is contained in:
		| @@ -112,10 +112,6 @@ $white: #fff; | |||||||
|   overflow: visible; |   overflow: visible; | ||||||
| } | } | ||||||
|  |  | ||||||
| .cable-actions-button { |  | ||||||
|   width: 49%; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .cable-actions-back { | .cable-actions-back { | ||||||
|   width: auto; |   width: auto; | ||||||
|   background: linear-gradient( |   background: linear-gradient( | ||||||
|   | |||||||
| @@ -107,6 +107,7 @@ export default class CableDetailComponent extends Component { | |||||||
|     this.state = { |     this.state = { | ||||||
|       cableDetails: null, |       cableDetails: null, | ||||||
|       modalOpen_dispense: false, |       modalOpen_dispense: false, | ||||||
|  |       modalOpen_show: false, | ||||||
|       modalOpen_datasheet: false, |       modalOpen_datasheet: false, | ||||||
|       modalOpacity: 0, |       modalOpacity: 0, | ||||||
|     }; |     }; | ||||||
| @@ -123,6 +124,10 @@ export default class CableDetailComponent extends Component { | |||||||
|       this.props.socket.send( |       this.props.socket.send( | ||||||
|         `{"type": "cable_get","call": "send","data": {"position": ${this.state.cableDetails.position}}}` |         `{"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() { |   render() { | ||||||
|     const { |     const { | ||||||
|       modalOpen_dispense, |       modalOpen_dispense, | ||||||
|  |       modalOpen_show, | ||||||
|       modalOpen_datasheet, |       modalOpen_datasheet, | ||||||
|       modalOpacity, |       modalOpacity, | ||||||
|       cableDetails, |       cableDetails, | ||||||
| @@ -359,6 +365,35 @@ export default class CableDetailComponent extends Component { | |||||||
|                 </div> |                 </div> | ||||||
|               </div> |               </div> | ||||||
|             </Modal> |             </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 |             <div | ||||||
|               className="cable-actions-button" |               className="cable-actions-button" | ||||||
|               onClick={() => this.openModal("modalOpen_dispense")} |               onClick={() => this.openModal("modalOpen_dispense")} | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user