diff options
Diffstat (limited to 'src/webex/pages/confirm-create-reserve.tsx')
-rw-r--r-- | src/webex/pages/confirm-create-reserve.tsx | 34 |
1 files changed, 33 insertions, 1 deletions
diff --git a/src/webex/pages/confirm-create-reserve.tsx b/src/webex/pages/confirm-create-reserve.tsx index ca8517a25..f8f53510c 100644 --- a/src/webex/pages/confirm-create-reserve.tsx +++ b/src/webex/pages/confirm-create-reserve.tsx @@ -414,10 +414,41 @@ class ExchangeSelection extends ImplicitStateComponent<ExchangeSelectionProps> { ); } + renderUpdateStatus() { + const rci = this.reserveCreationInfo(); + if (!rci) { + return null; + } + if (!rci.versionMatch) { + return null; + } + if (rci.versionMatch.compatible) { + return null; + } + if (rci.versionMatch.currentCmp == -1) { + return ( + <p className="errorbox"> + Your wallet might be outdated. The exchange has a higher, incompatible + protocol version. + </p> + ); + } + if (rci.versionMatch.currentCmp == 1) { + return ( + <p className="errorbox"> + The chosen exchange might be outdated. The exchange has a lower, incompatible + protocol version. + </p> + ); + } + throw Error("not reached"); + } + renderConfirm() { return ( <div> {this.renderFeeStatus()} + <p> <button className="pure-button button-success" disabled={this.reserveCreationInfo() === null} onClick={() => this.confirmReserve()}> @@ -428,7 +459,8 @@ class ExchangeSelection extends ImplicitStateComponent<ExchangeSelectionProps> { onClick={() => this.selectingExchange(true)}> {i18n.str`Change Exchange Provider`} </button> - <br/> + </p> + {this.renderUpdateStatus()} <Collapsible initiallyCollapsed={true} title="Fee and Spending Details"> {renderReserveCreationDetails(this.reserveCreationInfo())} </Collapsible> |