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

Streamline sale buttons visibility logic

Browse source
This commit is contained in:
Hannu Lyytikainen 2018-12-18 12:31:17 +02:00
parent ad6fc6346b
commit 1dba15331a
1 changed files with 17 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/components/TransactionPanel/TransactionPanel.js
View file

@ -185,24 +185,20 @@ export class TransactionPanelComponent extends Component {
currentListing.images && currentListing.images.length > 0 ? currentListing.images[0] : null;
const actionButtonClasses = classNames(css.actionButtons);
const canShowActionButtons = canShowSaleButtons;
let actionButtons = null;
if (canShowSaleButtons) {
actionButtons = (
<SaleActionButtonsMaybe
rootClassName={actionButtonClasses}
canShowButtons={canShowSaleButtons}
transaction={currentTransaction}
acceptInProgress={acceptInProgress}
declineInProgress={declineInProgress}
acceptSaleError={acceptSaleError}
declineSaleError={declineSaleError}
onAcceptSale={onAcceptSale}
onDeclineSale={onDeclineSale}
/>
);
}
const saleButtons = (
<SaleActionButtonsMaybe
rootClassName={actionButtonClasses}
canShowButtons={canShowSaleButtons}
transaction={currentTransaction}
acceptInProgress={acceptInProgress}
declineInProgress={declineInProgress}
acceptSaleError={acceptSaleError}
declineSaleError={declineSaleError}
onAcceptSale={onAcceptSale}
onDeclineSale={onDeclineSale}
/>
);
const sendMessagePlaceholder = intl.formatMessage(
{ id: 'TransactionPanel.sendMessagePlaceholder' },
@ -293,8 +289,8 @@ export class TransactionPanelComponent extends Component {
onBlur={this.onSendMessageFormBlur}
onSubmit={this.onMessageSubmit}
/>
{canShowActionButtons ? (
<div className={css.mobileActionButtons}>{actionButtons}</div>
{canShowSaleButtons ? (
<div className={css.mobileActionButtons}>{saleButtons}</div>
) : null}
</div>
@ -342,8 +338,8 @@ export class TransactionPanelComponent extends Component {
transactionRole={transactionRole}
/>
{canShowActionButtons ? (
<div className={css.desktopActionButtons}>{actionButtons}</div>
{canShowSaleButtons ? (
<div className={css.desktopActionButtons}>{saleButtons}</div>
) : null}
</div>
</div>