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

Remove empty wrappers - enquiry doesn't have breakdown

Browse source
This commit is contained in:
Vesa Luusua 2017-12-18 15:35:01 +02:00
parent 3a315ad23d
commit 2c6cc889d3
3 changed files with 17 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/TransactionPanel/TransactionPanel.helpers.js
View file

@ -78,12 +78,17 @@ export const BreakdownMaybe = props => {
const classes = classNames(rootClassName || css.breakdown, className);
return loaded ? (
<BookingBreakdown
className={classes}
userRole={transactionRole}
transaction={transaction}
booking={transaction.booking}
/>
<div>
<h3 className={css.bookingBreakdownTitle}>
<FormattedMessage id="TransactionPanel.bookingBreakdownTitle" />
</h3>
<BookingBreakdown
className={classes}
userRole={transactionRole}
transaction={transaction}
booking={transaction.booking}
/>
</div>
) : null;
};

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

@ -274,7 +274,9 @@ export class TransactionPanelComponent extends Component {
onBlur={this.onSendMessageFormBlur}
onSubmit={this.onMessageSubmit}
/>
{isProvider ? <div className={css.mobileActionButtons}>{actionButtons}</div> : null}
{isProvider && canShowButtons ? (
<div className={css.mobileActionButtons}>{actionButtons}</div>
) : null}
</div>
<div className={css.desktopAside}>
@ -309,11 +311,10 @@ export class TransactionPanelComponent extends Component {
</p>
</div>
) : null}
<h3 className={css.bookingBreakdownTitle}>
<FormattedMessage id="TransactionPanel.bookingBreakdownTitle" />
</h3>
<BreakdownMaybe transaction={currentTransaction} transactionRole={transactionRole} />
{isProvider ? <div className={css.desktopActionButtons}>{actionButtons}</div> : null}
{isProvider && canShowButtons ? (
<div className={css.desktopActionButtons}>{actionButtons}</div>
) : null}
</div>
</div>
</div>

72
src/components/TransactionPanel/__snapshots__/TransactionPanel.test.js.snap
View file

@ -688,12 +688,6 @@ exports[`TransactionPanel - Order accepted matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -1519,12 +1513,6 @@ exports[`TransactionPanel - Order autodeclined matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -2350,12 +2338,6 @@ exports[`TransactionPanel - Order canceled matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -3181,12 +3163,6 @@ exports[`TransactionPanel - Order declined matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -4012,12 +3988,6 @@ exports[`TransactionPanel - Order delivered matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -4843,12 +4813,6 @@ exports[`TransactionPanel - Order preauthorized matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -5619,12 +5583,6 @@ exports[`TransactionPanel - Sale accepted matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -6382,12 +6340,6 @@ exports[`TransactionPanel - Sale autodeclined matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -7145,12 +7097,6 @@ exports[`TransactionPanel - Sale canceled matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -7908,12 +7854,6 @@ exports[`TransactionPanel - Sale declined matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -8671,12 +8611,6 @@ exports[`TransactionPanel - Sale delivered matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {
@ -9434,12 +9368,6 @@ exports[`TransactionPanel - Sale preauthorized matches snapshot 1`] = `
/>
</div>
</div>
<h3>
<FormattedMessage
id="TransactionPanel.bookingBreakdownTitle"
values={Object {}}
/>
</h3>
<Component
transaction={
Object {