@rango-dev/widget-embedded 0.12.1-next.8 → 0.13.0

package/src/components/SelectableCategoryList/SelectableCategoryList.tsx

@@ -1,79 +0,0 @@
-/* eslint-disable @typescript-eslint/no-magic-numbers */
-import type { PropTypes } from './SelectableCategoryList.types';
-
-import { i18n } from '@lingui/core';
-import { Divider, Image, Skeleton, Typography } from '@rango-dev/ui';
-import React from 'react';
-
-import { useMetaStore } from '../../store/meta';
-import { BlockchainsChip } from '../BlockchainsChip';
-
-import { generateBlockchainsLogo } from './SelectableCategoryList.helpers';
-import {
-  Container,
-  FirstImage,
-  ImageContent,
-} from './SelectableCategoryList.styles';
-import { BlockchainCategories } from './SelectableCategoryList.types';
-
-export function SelectableCategoryList(props: PropTypes) {
-  const { setCategory, category } = props;
-  const blockchains = useMetaStore.use.meta().blockchains;
-  const loadingStatus = useMetaStore.use.loadingStatus();
-  const categories = Object.keys(
-    BlockchainCategories
-  ) as BlockchainCategories[];
-  return (
-    <Container>
-      {loadingStatus === 'loading' &&
-        Array.from(Array(5), (_, index) => (
-          <Skeleton
-            key={index}
-            variant="rounded"
-            height={70}
-            width={index === 0 ? 45 : 65}
-          />
-        ))}
-      {loadingStatus === 'success' &&
-        categories.map((blockchainCategory) => (
-          <BlockchainsChip
-            selected={category === blockchainCategory}
-            key={blockchainCategory}
-            onClick={() => setCategory(blockchainCategory)}>
-            {blockchainCategory !== BlockchainCategories.ALL && (
-              <>
-                <ImageContent>
-                  {generateBlockchainsLogo(blockchains, blockchainCategory).map(
-                    (blockchain, index) =>
-                      index === 0 ? (
-                        <FirstImage
-                          key={`image-${blockchain.name}-${blockchain.chainId}`}
-                          src={blockchain.logo}
-                        />
-                      ) : (
-                        <Image
-                          key={`image-${blockchain.name}-${blockchain.chainId}`}
-                          src={blockchain.logo}
-                          size={15}
-                        />
-                      )
-                  )}
-                </ImageContent>
-                <Divider size={12} />
-              </>
-            )}
-            <Typography
-              size="xsmall"
-              variant="body"
-              color={
-                blockchainCategory === BlockchainCategories.ALL
-                  ? 'secondary500'
-                  : undefined
-              }>
-              {i18n.t(BlockchainCategories[blockchainCategory])}
-            </Typography>
-          </BlockchainsChip>
-        ))}
-    </Container>
-  );
-}

package/src/components/SelectableCategoryList/SelectableCategoryList.types.ts

@@ -1,12 +0,0 @@
-export interface PropTypes {
-  setCategory: (type: string) => void;
-  category: string;
-}
-
-export enum BlockchainCategories {
-  ALL = 'ALL',
-  EVM = 'EVM',
-  COSMOS = 'COSMOS',
-  UTXO = 'UTXO',
-  OTHER = 'OTHER',
-}

package/src/components/SelectableCategoryList/index.ts

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