diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-06-30 04:27:19 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-06-30 04:27:19 +0800 |
commit | e693629bbd2061030fecae80e3566eaa28faad2e (patch) | |
tree | 17d70761c92668bb02e6b925a7998cc85b9fff03 /packages/website/ts/components/wallet/null_token_row.tsx | |
parent | 0dbe883c3b79b88375ba15b3b8c74c5c72ec684d (diff) | |
parent | cc12bc9247d432b7f1248c8c0aaf9f905fa58d6d (diff) | |
download | dexon-sol-tools-e693629bbd2061030fecae80e3566eaa28faad2e.tar dexon-sol-tools-e693629bbd2061030fecae80e3566eaa28faad2e.tar.gz dexon-sol-tools-e693629bbd2061030fecae80e3566eaa28faad2e.tar.bz2 dexon-sol-tools-e693629bbd2061030fecae80e3566eaa28faad2e.tar.lz dexon-sol-tools-e693629bbd2061030fecae80e3566eaa28faad2e.tar.xz dexon-sol-tools-e693629bbd2061030fecae80e3566eaa28faad2e.tar.zst dexon-sol-tools-e693629bbd2061030fecae80e3566eaa28faad2e.zip |
Merge branch 'v2-prototype' of https://github.com/0xProject/0x-monorepo into feature/website/portal-onboarding-polish
Diffstat (limited to 'packages/website/ts/components/wallet/null_token_row.tsx')
-rw-r--r-- | packages/website/ts/components/wallet/null_token_row.tsx | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/packages/website/ts/components/wallet/null_token_row.tsx b/packages/website/ts/components/wallet/null_token_row.tsx new file mode 100644 index 000000000..a1ec9871a --- /dev/null +++ b/packages/website/ts/components/wallet/null_token_row.tsx @@ -0,0 +1,41 @@ +import * as React from 'react'; + +import { Circle } from 'ts/components/ui/circle'; +import { Container } from 'ts/components/ui/container'; +import { Text } from 'ts/components/ui/text'; +import { PlaceHolder } from 'ts/components/wallet/placeholder'; +import { StandardIconRow } from 'ts/components/wallet/standard_icon_row'; +import { colors } from 'ts/style/colors'; + +export interface NullTokenRowProps { + iconDimension: number; + fillColor: string; +} + +export const NullTokenRow: React.StatelessComponent<NullTokenRowProps> = ({ iconDimension, fillColor }) => { + const icon = <Circle diameter={iconDimension} fillColor={fillColor} />; + const main = ( + <div className="flex flex-column"> + <PlaceHolder hideChildren={true} fillColor={fillColor}> + <Text fontSize="16px" fontWeight="bold" lineHeight="1em"> + 0.00 XXX + </Text> + </PlaceHolder> + <Container marginTop="3px"> + <PlaceHolder hideChildren={true} fillColor={fillColor}> + <Text fontSize="14px" fontColor={colors.darkGrey} lineHeight="1em"> + $0.00 + </Text> + </PlaceHolder> + </Container> + </div> + ); + const accessory = ( + <Container marginRight="12px"> + <PlaceHolder hideChildren={true} fillColor={fillColor}> + <Container width="20px" height="14px" /> + </PlaceHolder> + </Container> + ); + return <StandardIconRow icon={icon} main={main} accessory={accessory} />; +}; |