diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-20 03:05:57 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-20 03:05:57 +0800 |
commit | 6f80c7e6d94124d16685853b0928f725a262e09e (patch) | |
tree | c9503f1e83f84fc4482540a93c372272474a9460 | |
parent | 6588cf919ef70f54754b1428df51e967b817788a (diff) | |
download | dexon-sol-tools-6f80c7e6d94124d16685853b0928f725a262e09e.tar.gz dexon-sol-tools-6f80c7e6d94124d16685853b0928f725a262e09e.tar.zst dexon-sol-tools-6f80c7e6d94124d16685853b0928f725a262e09e.zip |
arrow function syntax so no need to bind
-rw-r--r-- | packages/instant/src/components/instant_heading.tsx | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/packages/instant/src/components/instant_heading.tsx b/packages/instant/src/components/instant_heading.tsx index 265c3e0a5..625961b84 100644 --- a/packages/instant/src/components/instant_heading.tsx +++ b/packages/instant/src/components/instant_heading.tsx @@ -42,10 +42,8 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> { <Flex direction="row" justify="space-between"> <SelectedAssetAmountInput fontSize="45px" /> <Flex direction="column" justify="space-between"> - <Container marginBottom="5px"> - {this._placeholderOrAmount(this._ethAmount.bind(this))} - </Container> - <Container opacity={0.7}>{this._placeholderOrAmount(this._dollarAmount.bind(this))}</Container> + <Container marginBottom="5px">{this._placeholderOrAmount(this._ethAmount)}</Container> + <Container opacity={0.7}>{this._placeholderOrAmount(this._dollarAmount)}</Container> </Flex> </Flex> </Container> @@ -62,7 +60,7 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> { return amountFunction(); } - private _ethAmount(): React.ReactNode { + private _ethAmount = (): React.ReactNode => { return ( <Text fontSize="16px" fontColor={ColorOption.white} fontWeight={500}> {format.ethBaseAmount( @@ -72,9 +70,9 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> { )} </Text> ); - } + }; - private _dollarAmount(): React.ReactNode { + private _dollarAmount = (): React.ReactNode => { return ( <Text fontSize="16px" fontColor={ColorOption.white}> {format.ethBaseAmountInUsd( @@ -85,5 +83,5 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> { )} </Text> ); - } + }; } |