aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/instant/src/components/amount_placeholder.tsx4
-rw-r--r--packages/instant/src/components/instant_heading.tsx8
-rw-r--r--packages/instant/src/components/order_details.tsx2
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>