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;
}
.cable-actions-button {
width: 49%;
}
.cable-actions-back {
width: auto;
background: linear-gradient(

View File

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