crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pulsating -> isPulsating

Browse Source
This commit is contained in:
Steve Klebanoff
2018-10-18 15:30:14 -07:00
parent a42347a776
commit aa0e07b058
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/instant/src/components/amount_placeholder.tsx
View File

@@ -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} />

8
packages/instant/src/components/instant_heading.tsx
View File

@@ -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>
);

2
packages/instant/src/components/order_details.tsx
View File

@@ -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>