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

Add closed view for mobile bottom bar

Browse source
This commit is contained in:
Kimmo Puputti 2017-09-06 16:03:58 +03:00
parent e0d206df21
commit 12c3770ad2
3 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/containers/ListingPage/ListingPage.css
View file

@ -510,3 +510,10 @@
.bookButton {
@apply --marketplaceButtonStylesPrimary;
}
.closedListingButton {
border-left: 1px solid var(--matterColorNegative);
width: 100%;
padding: 15px 24px 15px 24px;
text-align: center;
}

12
src/containers/ListingPage/ListingPage.js
View file

@ -194,7 +194,7 @@ export class ListingPageComponent extends Component {
: null;
const authorAvailable = currentListing && currentListing.author;
const userAndListingAuthorAvailable = currentUser && authorAvailable;
const userAndListingAuthorAvailable = !!(currentUser && authorAvailable);
const isOwnListing = userAndListingAuthorAvailable &&
currentListing.author.id.uuid === currentUser.id.uuid;
@ -392,9 +392,13 @@ export class ListingPageComponent extends Component {
</div>
</div>
<Button rootClassName={css.bookButton} onClick={handleBookButtonClick}>
{bookBtnMessage}
</Button>
{currentListing.attributes.open
? <Button rootClassName={css.bookButton} onClick={handleBookButtonClick}>
{bookBtnMessage}
</Button>
: <div className={css.closedListingButton}>
<FormattedMessage id="ListingPage.closedListingButtonText" />
</div>}
</div>
</div>
</div>

7
src/translations/en.json
View file

@ -35,8 +35,8 @@
"CheckoutPage.paymentInfo": "You'll only be charged if your request is accepted by the provider.",
"CheckoutPage.paymentTitle": "Payment",
"CheckoutPage.priceBreakdownTitle": "Booking breakdown",
"CheckoutPage.title": "Book {listingTitle}",
"CheckoutPage.speculateTransactionError": "Failed to fetch breakdown information. Please try again.",
"CheckoutPage.title": "Book {listingTitle}",
"DateInput.clearDate": "Clear Date",
"DateInput.closeDatePicker": "Close",
"DateInput.defaultPlaceholder": "Date input",
@ -146,6 +146,7 @@
"ListingPage.bookingHelpClosedListing": "Sorry, this listing has been closed.",
"ListingPage.bookingTitle": "Book {title}",
"ListingPage.closedListing": "This listing has been closed and can't be booked.",
"ListingPage.closedListingButtonText": "Sorry, this listing has been closed.",
"ListingPage.ctaButtonMessage": "Request to book",
"ListingPage.descriptionTitle": "About this sauna",
"ListingPage.editListing": "Edit listing",
@ -153,8 +154,8 @@
"ListingPage.loadingListingData": "Loading listing data",
"ListingPage.locationTitle": "Location",
"ListingPage.noListingData": "Could not find listing data",
"ListingPage.ownListing": "This is your own listing.",
"ListingPage.ownClosedListing": "Your listing has been closed and can't be booked.",
"ListingPage.ownListing": "This is your own listing.",
"ListingPage.perNight": "per night",
"ListingPage.viewImagesButton": "View photos ({count})",
"LoginForm.emailLabel": "Email",
@ -164,8 +165,8 @@
"LoginForm.passwordLabel": "Password",
"LoginForm.passwordPlaceholder": "Enter your password…",
"LoginForm.passwordRequired": "This field is required",
"ManageListingCard.closedListing": "This listing is closed and hidden from the marketplace.",
"ManageListingCard.closeListing": "Close listing",
"ManageListingCard.closedListing": "This listing is closed and hidden from the marketplace.",
"ManageListingCard.edit": "Edit",
"ManageListingCard.openListing": "Open listing",
"ManageListingCard.perNight": "per night",