maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-28 20:53:24 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve error UI

Browse source
This commit is contained in:
Kimmo Puputti 2017-09-19 10:39:06 +03:00
parent 0f4f57c9be
commit 02bbf8b71e
3 changed files with 7 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/containers/CheckoutPage/CheckoutPage.css
View file

@ -287,9 +287,7 @@
padding-bottom: 55px;
/* Position */
margin-top: 120px;
margin-left: 0;
margin-right: 0;
margin: 120px 0 24px 0;
/* Coloring */
background-color: var(--matterColorLight);

10
src/containers/CheckoutPage/CheckoutPage.js
View file

@ -195,16 +195,16 @@ export class CheckoutPageComponent extends Component {
? currentListing.images[0]
: null;
const initiateOrderErrorMessage = initiateOrderError
? <p className={css.orderError}>
<FormattedMessage id="CheckoutPage.initiateOrderError" />
</p>
: null;
const listingNotFoundErrorMessage = listingNotFound
? <p className={css.notFoundError}>
<FormattedMessage id="CheckoutPage.listingNotFoundError" />
</p>
: null;
const initiateOrderErrorMessage = !listingNotFound && initiateOrderError
? <p className={css.orderError}>
<FormattedMessage id="CheckoutPage.initiateOrderError" />
</p>
: null;
const speculateTransactionErrorMessage = speculateTransactionError
? <p className={css.speculateError}>
<FormattedMessage id="CheckoutPage.speculateTransactionError" />

2
src/translations/en.json
View file

@ -39,7 +39,7 @@
"BookingDatesForm.youWontBeChargedInfo": "You won't be charged yet",
"CheckoutPage.goToLandingPage": "Go to homepage",
"CheckoutPage.hostedBy": "Hosted by {name}",
"CheckoutPage.initiateOrderError": "Payment request failed. Please try again.",
"CheckoutPage.initiateOrderError": "Payment request failed. Please refresh the page and try again.",
"CheckoutPage.listingNotFoundError": "Unfortunately the listing is not available anymore.",
"CheckoutPage.loadingData": "Loading checkout data...",
"CheckoutPage.paymentInfo": "You'll only be charged if your request is accepted by the provider.",