aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/account_connection.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components/ui/account_connection.tsx')
-rw-r--r--packages/website/ts/components/ui/account_connection.tsx40
1 files changed, 0 insertions, 40 deletions
diff --git a/packages/website/ts/components/ui/account_connection.tsx b/packages/website/ts/components/ui/account_connection.tsx
deleted file mode 100644
index 6d0b90922..000000000
--- a/packages/website/ts/components/ui/account_connection.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-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 { colors } from 'ts/style/colors';
-import { AccountState } from 'ts/types';
-
-export interface AccountConnectionProps {
- accountState: AccountState;
- injectedProviderName: string;
-}
-
-export const AccountConnection: React.StatelessComponent<AccountConnectionProps> = ({
- accountState,
- injectedProviderName,
-}) => {
- return (
- <Container className="flex items-center">
- <Circle diameter={6} fillColor={getInjectedProviderColor(accountState)} />
- <Container marginLeft="6px">
- <Text fontSize="12px" lineHeight="14px" fontColor={colors.darkGrey}>
- {injectedProviderName}
- </Text>
- </Container>
- </Container>
- );
-};
-
-const getInjectedProviderColor = (accountState: AccountState) => {
- switch (accountState) {
- case AccountState.Ready:
- return colors.limeGreen;
- case AccountState.Locked:
- case AccountState.Loading:
- case AccountState.Disconnected:
- default:
- return colors.red;
- }
-};