diff options
| -rw-r--r-- | packages/instant/src/components/amount_placeholder.tsx | 4 | ||||
| -rw-r--r-- | packages/instant/src/components/instant_heading.tsx | 8 | ||||
| -rw-r--r-- | packages/instant/src/components/order_details.tsx | 2 |
3 files changed, 7 insertions, 7 deletions
diff --git a/packages/instant/src/components/amount_placeholder.tsx b/packages/instant/src/components/amount_placeholder.tsx index 23a00895a..e27d0ba81 100644 --- a/packages/instant/src/components/amount_placeholder.tsx +++ b/packages/instant/src/components/amount_placeholder.tsx @@ -17,10 +17,10 @@ export const PlainPlaceholder: React.StatelessComponent<PlainPlaceholder> = prop export interface AmountPlaceholderProps { color: ColorOption; - pulsating: boolean; + isPulsating: boolean; } export const AmountPlaceholder: React.StatelessComponent<AmountPlaceholderProps> = props => { - if (props.pulsating) { + if (props.isPulsating) { return ( <Pulse> <PlainPlaceholder color={props.color} /> diff --git a/packages/instant/src/components/instant_heading.tsx b/packages/instant/src/components/instant_heading.tsx index 6a4c850f2..e2ef2d668 100644 --- a/packages/instant/src/components/instant_heading.tsx +++ b/packages/instant/src/components/instant_heading.tsx @@ -53,10 +53,10 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> { private _placeholderAmountToAlwaysShow(): React.ReactNode | undefined { if (this.props.quoteRequestState === AsyncProcessState.PENDING) { - return <AmountPlaceholder pulsating={true} color={placeholderColor} />; + return <AmountPlaceholder isPulsating={true} color={placeholderColor} />; } if (_.isUndefined(this.props.selectedAssetAmount)) { - return <AmountPlaceholder pulsating={false} color={placeholderColor} />; + return <AmountPlaceholder isPulsating={false} color={placeholderColor} />; } return undefined; } @@ -67,7 +67,7 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> { {format.ethBaseAmount( this.props.totalEthBaseAmount, 4, - <AmountPlaceholder pulsating={false} color={placeholderColor} />, + <AmountPlaceholder isPulsating={false} color={placeholderColor} />, )} </Text> ); @@ -80,7 +80,7 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> { this.props.totalEthBaseAmount, this.props.ethUsdPrice, 2, - <AmountPlaceholder pulsating={false} color={ColorOption.white} />, + <AmountPlaceholder isPulsating={false} color={ColorOption.white} />, )} </Text> ); diff --git a/packages/instant/src/components/order_details.tsx b/packages/instant/src/components/order_details.tsx index 9a0dbc47a..a7971e1fd 100644 --- a/packages/instant/src/components/order_details.tsx +++ b/packages/instant/src/components/order_details.tsx @@ -93,7 +93,7 @@ export class EthAmountRow extends React.Component<EthAmountRowProps> { ethAmount, 4, <Container opacity={0.5}> - <AmountPlaceholder color={ColorOption.lightGrey} pulsating={isLoading} /> + <AmountPlaceholder color={ColorOption.lightGrey} isPulsating={isLoading} /> </Container>, )} </Text> |