Just kidding, put it back

This commit is contained in:
Cole Deck 2024-07-29 13:29:48 -05:00
parent 8d363088eb
commit 98ff934797
2 changed files with 35 additions and 4 deletions

View File

@ -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(

View File

@ -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")}