diff --git a/frontend/src/components/OrderPage.js b/frontend/src/components/OrderPage.js index 12509228..f9f333b3 100644 --- a/frontend/src/components/OrderPage.js +++ b/frontend/src/components/OrderPage.js @@ -46,6 +46,7 @@ export default class OrderPage extends Component { loading: true, openCancel: false, openCollaborativeCancel: false, + openInactiveMaker: false, showContractBox: 1, }; this.orderId = this.props.match.params.orderId; @@ -155,15 +156,30 @@ export default class OrderPage extends Component { countdownTakeOrderRenderer = ({ seconds, completed }) => { if(isNaN(seconds)){ - return () + return ( + <> + + + ) } if (completed) { // Render a completed state - return (); + return ( + <> + + + + ); } else{ return(
- +
) } }; @@ -191,7 +207,7 @@ export default class OrderPage extends Component { ); } - handleClickTakeOrderButton=()=>{ + takeOrder=()=>{ this.setState({loading:true}) const requestOptions = { @@ -271,6 +287,37 @@ export default class OrderPage extends Component { ) } + handleClickOpenInactiveMakerDialog = () => { + this.setState({openInactiveMaker: true}); + }; + handleClickCloseInactiveMakerDialog = () => { + this.setState({openInactiveMaker: false}); + }; + + InactiveMakerDialog =() =>{ + return( + + + {"The maker is inactive"} + + + + The maker seems to be away. You risk + wasting your time. + + + + + + + + ) + } handleClickConfirmCollaborativeCancelButton=()=>{ const requestOptions = { method: 'POST', @@ -393,7 +440,7 @@ export default class OrderPage extends Component { - +