aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/wallet/standard_icon_row.tsx
diff options
context:
space:
mode:
authorHsuan Lee <hsuan@cobinhood.com>2019-01-19 18:42:04 +0800
committerHsuan Lee <hsuan@cobinhood.com>2019-01-19 18:42:04 +0800
commit7ae38906926dc09bc10670c361af0d2bf0050426 (patch)
tree5fb10ae366b987db09e4ddb4bc3ba0f75404ad08 /packages/website/ts/components/wallet/standard_icon_row.tsx
parentb5fd3c72a08aaa6957917d74c333387a16edf66b (diff)
downloaddexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.gz
dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.zst
dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.zip
Update dependency packages
Diffstat (limited to 'packages/website/ts/components/wallet/standard_icon_row.tsx')
-rw-r--r--packages/website/ts/components/wallet/standard_icon_row.tsx44
1 files changed, 0 insertions, 44 deletions
diff --git a/packages/website/ts/components/wallet/standard_icon_row.tsx b/packages/website/ts/components/wallet/standard_icon_row.tsx
deleted file mode 100644
index 1a2ec021b..000000000
--- a/packages/website/ts/components/wallet/standard_icon_row.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import * as React from 'react';
-
-import { colors } from 'ts/style/colors';
-import { styled } from 'ts/style/theme';
-
-export interface StandardIconRowProps {
- className?: string;
- icon: React.ReactNode;
- main: React.ReactNode;
- accessory?: React.ReactNode;
- minHeight?: string;
- borderBottomColor?: string;
- borderBottomStyle?: string;
- borderWidth?: string;
- backgroundColor?: string;
-}
-const PlainStandardIconRow: React.StatelessComponent<StandardIconRowProps> = ({ className, icon, main, accessory }) => {
- return (
- <div className={`flex items-center ${className}`}>
- <div className="flex items-center px2">{icon}</div>
- <div className="flex-none pr2">{main}</div>
- <div className="flex-auto" />
- <div>{accessory}</div>
- </div>
- );
-};
-
-export const StandardIconRow = styled(PlainStandardIconRow)`
- min-height: ${props => props.minHeight};
- border-bottom-color: ${props => props.borderBottomColor};
- border-bottom-style: ${props => props.borderBottomStyle};
- border-width: ${props => props.borderWidth};
- background-color: ${props => props.backgroundColor};
-`;
-
-StandardIconRow.defaultProps = {
- minHeight: '85px',
- borderBottomColor: colors.walletBorder,
- borderBottomStyle: 'solid',
- borderWidth: '1px',
- backgroundColor: colors.walletDefaultItemBackground,
-};
-
-StandardIconRow.displayName = 'StandardIconRow';