@ssa-ui-kit/widgets 0.0.18-alpha → 0.0.20-alpha

package/src/components/ExchangeAccount/ExchangeAccount.tsx

@@ -1,73 +1,73 @@
-import { useTheme } from '@emotion/react';
-import {
-  Button,
-  CardBase,
-  CardContent,
-  CardHeader,
-  Icon,
-  Typography,
-} from '@ssa-ui-kit/core';
-import { BalancePieChart, WithLink } from '@components/AccountBalance';
-import { ExchangeAccountProps } from './types';
-import * as S from './styles';
-
-export const ExchangeAccount = ({
-  platform,
-  title,
-  status,
-  link,
-  data,
-  onClick,
-  onDelete,
-}: ExchangeAccountProps) => {
-  const theme = useTheme();
-  const isActive = status === 'Active';
-  const handleClickDelete = (event: React.MouseEvent<HTMLButtonElement>) => {
-    event.preventDefault();
-    event.stopPropagation();
-    onDelete();
-  };
-
-  return (
-    <WithLink link={link} onClick={onClick}>
-      <CardBase
-        noShadow
-        css={S.CardBase}
-        data-testid="card"
-        onClick={link ? undefined : onClick}>
-        <CardHeader css={S.CardHeader}>
-          <Typography
-            variant="subtitle"
-            weight="bold"
-            color={theme.colors.greyDarker}
-            css={S.Platform}>
-            {platform}
-          </Typography>
-          <Typography
-            color={theme.colors.greyDropdownFocused}
-            variant="subtitle"
-            weight="regular">
-            {title}
-          </Typography>
-          <Button css={S.RemoveButton} onClick={(e) => handleClickDelete(e)}>
-            <Icon
-              name="bin"
-              color={theme.colors.greyDropdownFocused}
-              size={20}
-            />
-          </Button>
-        </CardHeader>
-        <Typography
-          css={S.Status}
-          className={isActive ? 'active' : 'not-available'}
-          variant="body1"
-          weight="regular">
-          {isActive ? status : 'Not available'}
-        </Typography>
-        <CardContent css={S.CardContent} direction="column">
-          <BalancePieChart theme={theme} {...data} />
-        </CardContent>
-      </CardBase>
-    </WithLink>
-  );
-};
+import { useTheme } from '@emotion/react';
+import {
+  Button,
+  CardBase,
+  CardContent,
+  CardHeader,
+  Icon,
+  Typography,
+} from '@ssa-ui-kit/core';
+import { BalancePieChart, WithLink } from '@components/AccountBalance';
+import { ExchangeAccountProps } from './types';
+import * as S from './styles';
+
+export const ExchangeAccount = ({
+  platform,
+  title,
+  status,
+  link,
+  data,
+  onClick,
+  onDelete,
+}: ExchangeAccountProps) => {
+  const theme = useTheme();
+  const isActive = status === 'Active';
+  const handleClickDelete = (event: React.MouseEvent<HTMLButtonElement>) => {
+    event.preventDefault();
+    event.stopPropagation();
+    onDelete();
+  };
+
+  return (
+    <WithLink link={link} onClick={onClick}>
+      <CardBase
+        noShadow
+        css={S.CardBase}
+        data-testid="card"
+        onClick={link ? undefined : onClick}>
+        <CardHeader css={S.CardHeader}>
+          <Typography
+            variant="subtitle"
+            weight="bold"
+            color={theme.colors.greyDarker}
+            css={S.Platform}>
+            {platform}
+          </Typography>
+          <Typography
+            color={theme.colors.greyDropdownFocused}
+            variant="subtitle"
+            weight="regular">
+            {title}
+          </Typography>
+          <Button css={S.RemoveButton} onClick={(e) => handleClickDelete(e)}>
+            <Icon
+              name="bin"
+              color={theme.colors.greyDropdownFocused}
+              size={20}
+            />
+          </Button>
+        </CardHeader>
+        <Typography
+          css={S.Status}
+          className={isActive ? 'active' : 'not-available'}
+          variant="body1"
+          weight="regular">
+          {isActive ? status : 'Not available'}
+        </Typography>
+        <CardContent css={S.CardContent} direction="column">
+          <BalancePieChart theme={theme} {...data} />
+        </CardContent>
+      </CardBase>
+    </WithLink>
+  );
+};

package/src/components/ExchangeAccount/helpers.tsx

@@ -1,153 +1,153 @@
-import React from 'react';
-import { Icon } from '@ssa-ui-kit/core';
-import { ExchangeAccountProps } from './types';
-
-export const dataValues: Array<
-  Omit<ExchangeAccountProps, 'onClick' | 'onDelete'>
-> = [
-  {
-    platform: (
-      <React.Fragment>
-        <Icon name="stats" color="#EFC938" size={20} />
-        Binance
-      </React.Fragment>
-    ),
-    title: 'Account Name',
-    status: 'Active',
-    data: {
-      total: 48000.53032,
-      currency: 'USDT',
-      data: [
-        {
-          id: 'BTC',
-          label: 'BTC',
-          legendValue: 1,
-          value: 5371.23,
-        },
-        {
-          id: 'LTC',
-          label: 'LTC',
-          legendValue: 7,
-          value: 5300.25,
-        },
-        {
-          id: 'ETH',
-          label: 'ETH',
-          legendValue: 1,
-          value: 1815.31,
-        },
-        {
-          id: 'Other',
-          label: 'Other',
-          legendValue: 943,
-          value: 1513.9956,
-        },
-      ],
-    },
-  },
-  {
-    platform: 'Binance',
-    title: 'Name#2',
-    status: 'NotAvailable',
-    data: {
-      total: 4800.53,
-      currency: 'USDT',
-      data: [
-        {
-          id: 'BTC',
-          label: 'BTC',
-          legendValue: 100,
-          value: 2371.23,
-        },
-        {
-          id: 'LTC',
-          label: 'LTC',
-          legendValue: 52,
-          value: 5300.25,
-        },
-        {
-          id: 'ETH',
-          label: 'ETH',
-          legendValue: 86,
-          value: 3815.31,
-        },
-        {
-          id: 'Other',
-          label: 'Other',
-          legendValue: 943,
-          value: 1513.9956,
-        },
-      ],
-    },
-  },
-  {
-    platform: 'Binance',
-    title: 'Name#3',
-    status: 'NotAvailable',
-    data: {
-      total: 10000.53,
-      currency: 'USDT',
-      data: [
-        {
-          id: 'BTC',
-          label: 'BTC',
-          legendValue: 95,
-          value: 1371.23,
-        },
-        {
-          id: 'LTC',
-          label: 'LTC',
-          legendValue: 7,
-          value: 8300.25,
-        },
-        {
-          id: 'ETH',
-          label: 'ETH',
-          legendValue: 6,
-          value: 4815.31,
-        },
-        {
-          id: 'Other',
-          label: 'Other',
-          legendValue: 943,
-          value: 3513.9956,
-        },
-      ],
-    },
-  },
-  {
-    platform: 'Binance',
-    title: 'Name#4',
-    status: 'Active',
-    data: {
-      total: 9000.53032,
-      currency: 'USDT',
-      data: [
-        {
-          id: 'BTC',
-          label: 'BTC',
-          legendValue: 10,
-          value: 5371.23,
-        },
-        {
-          id: 'LTC',
-          label: 'LTC',
-          legendValue: 7,
-          value: 5300.25,
-        },
-        {
-          id: 'ETH',
-          label: 'ETH',
-          legendValue: 1,
-          value: 7815.31,
-        },
-        {
-          id: 'Other',
-          label: 'Other',
-          legendValue: 943,
-          value: 5513.9956,
-        },
-      ],
-    },
-  },
-];
+import React from 'react';
+import { Icon } from '@ssa-ui-kit/core';
+import { ExchangeAccountProps } from './types';
+
+export const dataValues: Array<
+  Omit<ExchangeAccountProps, 'onClick' | 'onDelete'>
+> = [
+  {
+    platform: (
+      <React.Fragment>
+        <Icon name="stats" color="#EFC938" size={20} />
+        Binance
+      </React.Fragment>
+    ),
+    title: 'Account Name',
+    status: 'Active',
+    data: {
+      total: 48000.53032,
+      currency: 'USDT',
+      data: [
+        {
+          id: 'BTC',
+          label: 'BTC',
+          legendValue: 1,
+          value: 5371.23,
+        },
+        {
+          id: 'LTC',
+          label: 'LTC',
+          legendValue: 7,
+          value: 5300.25,
+        },
+        {
+          id: 'ETH',
+          label: 'ETH',
+          legendValue: 1,
+          value: 1815.31,
+        },
+        {
+          id: 'Other',
+          label: 'Other',
+          legendValue: 943,
+          value: 1513.9956,
+        },
+      ],
+    },
+  },
+  {
+    platform: 'Binance',
+    title: 'Name#2',
+    status: 'NotAvailable',
+    data: {
+      total: 4800.53,
+      currency: 'USDT',
+      data: [
+        {
+          id: 'BTC',
+          label: 'BTC',
+          legendValue: 100,
+          value: 2371.23,
+        },
+        {
+          id: 'LTC',
+          label: 'LTC',
+          legendValue: 52,
+          value: 5300.25,
+        },
+        {
+          id: 'ETH',
+          label: 'ETH',
+          legendValue: 86,
+          value: 3815.31,
+        },
+        {
+          id: 'Other',
+          label: 'Other',
+          legendValue: 943,
+          value: 1513.9956,
+        },
+      ],
+    },
+  },
+  {
+    platform: 'Binance',
+    title: 'Name#3',
+    status: 'NotAvailable',
+    data: {
+      total: 10000.53,
+      currency: 'USDT',
+      data: [
+        {
+          id: 'BTC',
+          label: 'BTC',
+          legendValue: 95,
+          value: 1371.23,
+        },
+        {
+          id: 'LTC',
+          label: 'LTC',
+          legendValue: 7,
+          value: 8300.25,
+        },
+        {
+          id: 'ETH',
+          label: 'ETH',
+          legendValue: 6,
+          value: 4815.31,
+        },
+        {
+          id: 'Other',
+          label: 'Other',
+          legendValue: 943,
+          value: 3513.9956,
+        },
+      ],
+    },
+  },
+  {
+    platform: 'Binance',
+    title: 'Name#4',
+    status: 'Active',
+    data: {
+      total: 9000.53032,
+      currency: 'USDT',
+      data: [
+        {
+          id: 'BTC',
+          label: 'BTC',
+          legendValue: 10,
+          value: 5371.23,
+        },
+        {
+          id: 'LTC',
+          label: 'LTC',
+          legendValue: 7,
+          value: 5300.25,
+        },
+        {
+          id: 'ETH',
+          label: 'ETH',
+          legendValue: 1,
+          value: 7815.31,
+        },
+        {
+          id: 'Other',
+          label: 'Other',
+          legendValue: 943,
+          value: 5513.9956,
+        },
+      ],
+    },
+  },
+];

package/src/components/ExchangeAccount/index.ts

@@ -1,2 +1,2 @@
-export { ExchangeAccount } from './ExchangeAccount';
-export * from './types';
+export { ExchangeAccount } from './ExchangeAccount';
+export * from './types';