@rango-dev/widget-embedded 0.21.1-next.1 → 0.21.1-next.10

package/src/components/SwapsGroup/SwapsGroup.tsx

@@ -1,141 +0,0 @@
-import type { PropTypes } from './SwapsGroup.types';
-
-import { i18n } from '@lingui/core';
-import { Divider, SwapListItem, Typography } from '@rango-dev/ui';
-import React from 'react';
-
-import {
-  TOKEN_AMOUNT_MAX_DECIMALS,
-  TOKEN_AMOUNT_MIN_DECIMALS,
-} from '../../constants/routing';
-import { getContainer } from '../../utils/common';
-import { formatTooltipNumbers, numberToString } from '../../utils/numbers';
-
-import { Group, groupStyles, SwapList, Time } from './SwapsGroup.styles';
-
-export function SwapsGroup(props: PropTypes) {
-  const { list, onSwapClick, groupBy, isLoading } = props;
-  const groups = groupBy ? groupBy(list) : [{ title: 'History', swaps: list }];
-
-  if (isLoading) {
-    const swaps = [{}, {}];
-
-    const loadingGroups = [
-      {
-        title: i18n.t('Today'),
-        swaps,
-      },
-      {
-        title: i18n.t('This month'),
-        swaps,
-      },
-    ];
-    return (
-      <>
-        {loadingGroups.map((group) => (
-          <React.Fragment key={group.title}>
-            <Group>
-              <Time>
-                <Typography
-                  variant="label"
-                  size="medium"
-                  className={groupStyles()}>
-                  {group.title}
-                </Typography>
-              </Time>
-              <Divider size={4} />
-              <SwapList>
-                {group.swaps.map((_, index) => {
-                  const key = index + group.title;
-                  return (
-                    <React.Fragment key={key}>
-                      <SwapListItem isLoading={true} />
-                    </React.Fragment>
-                  );
-                })}
-              </SwapList>
-            </Group>
-          </React.Fragment>
-        ))}
-      </>
-    );
-  }
-
-  return (
-    <>
-      {groups
-        .filter((group) => group.swaps.length > 0)
-        .map((group) => (
-          <React.Fragment key={group.title}>
-            <Group>
-              <Time>
-                <Typography
-                  variant="label"
-                  size="medium"
-                  className={groupStyles()}>
-                  {group.title}
-                </Typography>
-              </Time>
-              <Divider size={4} />
-              <SwapList>
-                {group.swaps.map((swap) => {
-                  const firstStep = swap.steps[0];
-
-                  const lastStep = swap.steps[swap.steps.length - 1];
-                  return (
-                    <React.Fragment key={swap.requestId}>
-                      <SwapListItem
-                        requestId={swap.requestId}
-                        creationTime={swap.creationTime}
-                        status={swap.status}
-                        onClick={onSwapClick}
-                        tooltipContainer={getContainer()}
-                        onlyShowTime={group.title === i18n.t('Today')}
-                        swapTokenData={{
-                          from: {
-                            token: {
-                              image: firstStep.fromLogo,
-                              displayName: firstStep.fromSymbol,
-                            },
-                            blockchain: {
-                              image: firstStep.fromBlockchainLogo || '',
-                            },
-                            amount: numberToString(
-                              swap.inputAmount,
-                              TOKEN_AMOUNT_MIN_DECIMALS,
-                              TOKEN_AMOUNT_MAX_DECIMALS
-                            ),
-                            realAmount: formatTooltipNumbers(swap.inputAmount),
-                          },
-                          to: {
-                            token: {
-                              image: lastStep.toLogo,
-                              displayName: lastStep.toSymbol,
-                            },
-                            blockchain: {
-                              image: lastStep.toBlockchainLogo || '',
-                            },
-                            amount: numberToString(
-                              lastStep.outputAmount ||
-                                lastStep.expectedOutputAmountHumanReadable ||
-                                '',
-                              TOKEN_AMOUNT_MIN_DECIMALS,
-                              TOKEN_AMOUNT_MAX_DECIMALS
-                            ),
-                            realAmount: formatTooltipNumbers(
-                              lastStep.outputAmount ||
-                                lastStep.expectedOutputAmountHumanReadable
-                            ),
-                          },
-                        }}
-                      />
-                    </React.Fragment>
-                  );
-                })}
-              </SwapList>
-            </Group>
-          </React.Fragment>
-        ))}
-    </>
-  );
-}

package/src/components/SwapsGroup/index.ts

@@ -1 +0,0 @@
-export { SwapsGroup } from './SwapsGroup';