Skip to content

Commit de43f3d

Browse files
isstuevisstuev
authored
remove skeleton animations (blockscout#2505)
* remove skeleton animations test * eslint add Skeleton * eslint-fix
1 parent a551c7d commit de43f3d

File tree

270 files changed

+524
-268
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

270 files changed

+524
-268
lines changed

‎eslint.config.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const RESTRICTED_MODULES = {
2727
{ name: 'playwright/TestApp', message: 'Please use render() fixture from test() function of playwright/lib module' },
2828
{
2929
name: '@chakra-ui/react',
30-
importNames: [ 'Popover', 'Menu', 'PinInput', 'useToast' ],
30+
importNames: [ 'Popover', 'Menu', 'PinInput', 'useToast', 'Skeleton' ],
3131
message: 'Please use corresponding component or hook from ui/shared/chakra component instead',
3232
},
3333
{

‎theme/components/Skeleton.ts

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
// eslint-disable-next-line no-restricted-imports
12
import { Skeleton as SkeletonComponent } from '@chakra-ui/react';
23
import {
34
defineStyle,

‎ui/address/AddressCsvExportLink.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { chakra, Tooltip, Hide, Skeleton, Flex } from '@chakra-ui/react';
1+
import { chakra, Tooltip, Hide, Flex } from '@chakra-ui/react';
22
import React from 'react';
33

44
import type { CsvExportParams } from 'types/client/address';
@@ -8,6 +8,7 @@ import { route } from 'nextjs-routes';
88
import config from 'configs/app';
99
import useIsInitialLoading from 'lib/hooks/useIsInitialLoading';
1010
import useIsMobile from 'lib/hooks/useIsMobile';
11+
import Skeleton from 'ui/shared/chakra/Skeleton';
1112
import IconSvg from 'ui/shared/IconSvg';
1213
import LinkInternal from 'ui/shared/links/LinkInternal';
1314

‎ui/address/accountHistory/AddressAccountHistoryListItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
1-
import { Box, Flex, Skeleton, Text } from '@chakra-ui/react';
1+
import { Box, Flex, Text } from '@chakra-ui/react';
22
import React, { useMemo } from 'react';
33

44
import type { NovesResponseData } from 'types/api/noves';
55

6+
import Skeleton from 'ui/shared/chakra/Skeleton';
67
import IconSvg from 'ui/shared/IconSvg';
78
import LinkInternal from 'ui/shared/links/LinkInternal';
89
import ListItemMobile from 'ui/shared/ListItemMobile/ListItemMobile';

‎ui/address/accountHistory/AddressAccountHistoryTableItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
1-
import { Td, Tr, Skeleton, Box } from '@chakra-ui/react';
1+
import { Td, Tr, Box } from '@chakra-ui/react';
22
import React, { useMemo } from 'react';
33

44
import type { NovesResponseData } from 'types/api/noves';
55

6+
import Skeleton from 'ui/shared/chakra/Skeleton';
67
import IconSvg from 'ui/shared/IconSvg';
78
import LinkInternal from 'ui/shared/links/LinkInternal';
89
import NovesFromTo from 'ui/shared/Noves/NovesFromTo';

‎ui/address/blocksValidated/AddressBlocksValidatedListItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Text, Flex, Skeleton } from '@chakra-ui/react';
1+
import { Text, Flex } from '@chakra-ui/react';
22
import BigNumber from 'bignumber.js';
33
import React from 'react';
44

@@ -8,6 +8,7 @@ import config from 'configs/app';
88
import getBlockTotalReward from 'lib/block/getBlockTotalReward';
99
import { currencyUnits } from 'lib/units';
1010
import BlockGasUsed from 'ui/shared/block/BlockGasUsed';
11+
import Skeleton from 'ui/shared/chakra/Skeleton';
1112
import BlockEntity from 'ui/shared/entities/block/BlockEntity';
1213
import ListItemMobile from 'ui/shared/ListItemMobile/ListItemMobile';
1314
import TimeAgoWithTooltip from 'ui/shared/TimeAgoWithTooltip';

‎ui/address/blocksValidated/AddressBlocksValidatedTableItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Td, Tr, Flex, Skeleton } from '@chakra-ui/react';
1+
import { Td, Tr, Flex } from '@chakra-ui/react';
22
import BigNumber from 'bignumber.js';
33
import React from 'react';
44

@@ -7,6 +7,7 @@ import type { Block } from 'types/api/block';
77
import config from 'configs/app';
88
import getBlockTotalReward from 'lib/block/getBlockTotalReward';
99
import BlockGasUsed from 'ui/shared/block/BlockGasUsed';
10+
import Skeleton from 'ui/shared/chakra/Skeleton';
1011
import BlockEntity from 'ui/shared/entities/block/BlockEntity';
1112
import TimeAgoWithTooltip from 'ui/shared/TimeAgoWithTooltip';
1213

‎ui/address/coinBalance/AddressCoinBalanceListItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
import { Text, Stat, StatHelpText, StatArrow, Flex, Skeleton } from '@chakra-ui/react';
1+
import { Text, Stat, StatHelpText, StatArrow, Flex } from '@chakra-ui/react';
22
import BigNumber from 'bignumber.js';
33
import React from 'react';
44

55
import type { AddressCoinBalanceHistoryItem } from 'types/api/address';
66

77
import { WEI, ZERO } from 'lib/consts';
88
import { currencyUnits } from 'lib/units';
9+
import Skeleton from 'ui/shared/chakra/Skeleton';
910
import BlockEntity from 'ui/shared/entities/block/BlockEntity';
1011
import TxEntity from 'ui/shared/entities/tx/TxEntity';
1112
import ListItemMobile from 'ui/shared/ListItemMobile/ListItemMobile';

‎ui/address/coinBalance/AddressCoinBalanceTableItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
1-
import { Td, Tr, Text, Stat, StatHelpText, StatArrow, Skeleton } from '@chakra-ui/react';
1+
import { Td, Tr, Text, Stat, StatHelpText, StatArrow } from '@chakra-ui/react';
22
import BigNumber from 'bignumber.js';
33
import React from 'react';
44

55
import type { AddressCoinBalanceHistoryItem } from 'types/api/address';
66

77
import { WEI, ZERO } from 'lib/consts';
8+
import Skeleton from 'ui/shared/chakra/Skeleton';
89
import BlockEntity from 'ui/shared/entities/block/BlockEntity';
910
import TxEntity from 'ui/shared/entities/tx/TxEntity';
1011
import TimeAgoWithTooltip from 'ui/shared/TimeAgoWithTooltip';

‎ui/address/contract/ContractCodeIdes.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,14 @@ import {
66
PopoverBody,
77
PopoverContent,
88
Image,
9-
Skeleton,
109
useDisclosure,
1110
useColorModeValue,
1211
} from '@chakra-ui/react';
1312
import React from 'react';
1413

1514
import config from 'configs/app';
1615
import Popover from 'ui/shared/chakra/Popover';
16+
import Skeleton from 'ui/shared/chakra/Skeleton';
1717
import IconSvg from 'ui/shared/IconSvg';
1818
import LinkExternal from 'ui/shared/links/LinkExternal';
1919

‎ui/address/contract/ContractDetailsVerificationButton.tsx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
1-
import { Button, Skeleton } from '@chakra-ui/react';
1+
import { Button } from '@chakra-ui/react';
22
import React from 'react';
33

44
import { route } from 'nextjs-routes';
55

6+
import Skeleton from 'ui/shared/chakra/Skeleton';
7+
68
interface Props {
79
isLoading: boolean;
810
addressHash: string;

‎ui/address/contract/ContractExternalLibraries.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@ import {
1010
PopoverBody,
1111
PopoverContent,
1212
PopoverTrigger,
13-
Skeleton,
1413
StackDivider,
1514
useDisclosure,
1615
VStack,
@@ -22,6 +21,7 @@ import type { SmartContractExternalLibrary } from 'types/api/contract';
2221
import useIsMobile from 'lib/hooks/useIsMobile';
2322
import { apos } from 'lib/html-entities';
2423
import Popover from 'ui/shared/chakra/Popover';
24+
import Skeleton from 'ui/shared/chakra/Skeleton';
2525
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
2626
import IconSvg from 'ui/shared/IconSvg';
2727

‎ui/address/contract/ContractSourceAddressSelector.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
1-
import { chakra, Flex, Skeleton } from '@chakra-ui/react';
1+
import { chakra, Flex } from '@chakra-ui/react';
22
import React from 'react';
33

44
import { route } from 'nextjs-routes';
55

6+
import Skeleton from 'ui/shared/chakra/Skeleton';
67
import CopyToClipboard from 'ui/shared/CopyToClipboard';
78
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
89
import LinkNewTab from 'ui/shared/links/LinkNewTab';

‎ui/address/contract/ContractSourceCode.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
import { Flex, Skeleton, Text, Tooltip } from '@chakra-ui/react';
1+
import { Flex, Text, Tooltip } from '@chakra-ui/react';
22
import React from 'react';
33

44
import type { SmartContract } from 'types/api/contract';
55

66
import { route } from 'nextjs-routes';
77

88
import formatLanguageName from 'lib/contracts/formatLanguageName';
9+
import Skeleton from 'ui/shared/chakra/Skeleton';
910
import CopyToClipboard from 'ui/shared/CopyToClipboard';
1011
import LinkInternal from 'ui/shared/links/LinkInternal';
1112
import CodeEditor from 'ui/shared/monaco/CodeEditor';

‎ui/address/contract/alerts/ContractDetailsAlerts.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { chakra, Alert, Box, Flex, Skeleton } from '@chakra-ui/react';
1+
import { chakra, Alert, Box, Flex } from '@chakra-ui/react';
22
import type { Channel } from 'phoenix';
33
import React from 'react';
44

@@ -8,6 +8,7 @@ import type { SmartContract } from 'types/api/contract';
88
import { route } from 'nextjs-routes';
99

1010
import useSocketMessage from 'lib/socket/useSocketMessage';
11+
import Skeleton from 'ui/shared/chakra/Skeleton';
1112
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
1213
import LinkExternal from 'ui/shared/links/LinkExternal';
1314
import LinkInternal from 'ui/shared/links/LinkInternal';

‎ui/address/contract/info/ContractDetailsInfoItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
1-
import { chakra, useColorModeValue, Flex, GridItem, Skeleton } from '@chakra-ui/react';
1+
import { chakra, useColorModeValue, Flex, GridItem } from '@chakra-ui/react';
22
import React from 'react';
33

4+
import Skeleton from 'ui/shared/chakra/Skeleton';
45
import Hint from 'ui/shared/Hint';
56

67
interface Props {

‎ui/address/contract/methods/ContractConnectWallet.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import { Alert, Button, Flex, Skeleton } from '@chakra-ui/react';
1+
import { Alert, Button, Flex } from '@chakra-ui/react';
22
import React from 'react';
33

44
import config from 'configs/app';
55
import useIsMobile from 'lib/hooks/useIsMobile';
66
import useWeb3Wallet from 'lib/web3/useWallet';
7+
import Skeleton from 'ui/shared/chakra/Skeleton';
78
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
89

910
interface Props {

‎ui/address/contract/methods/ContractCustomAbiAlert.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
1-
import { Alert, Skeleton } from '@chakra-ui/react';
1+
import { Alert } from '@chakra-ui/react';
22
import React from 'react';
33

4+
import Skeleton from 'ui/shared/chakra/Skeleton';
45
interface Props {
56
isLoading?: boolean;
67
}

‎ui/address/contract/methods/ContractMethodsCustom.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Button, Flex, Skeleton, useDisclosure } from '@chakra-ui/react';
1+
import { Button, Flex, useDisclosure } from '@chakra-ui/react';
22
import { useQueryClient } from '@tanstack/react-query';
33
import { useRouter } from 'next/router';
44
import React from 'react';
@@ -8,6 +8,7 @@ import type { SmartContract } from 'types/api/contract';
88
import useApiQuery, { getResourceKey } from 'lib/api/useApiQuery';
99
import getQueryParamString from 'lib/router/getQueryParamString';
1010
import CustomAbiModal from 'ui/customAbi/CustomAbiModal/CustomAbiModal';
11+
import Skeleton from 'ui/shared/chakra/Skeleton';
1112
import RawDataSnippet from 'ui/shared/RawDataSnippet';
1213
import AuthGuard from 'ui/snippets/auth/AuthGuard';
1314
import useIsAuth from 'ui/snippets/auth/useIsAuth';

‎ui/address/details/AddressCounterItem.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
import { Skeleton } from '@chakra-ui/react';
21
import type { UseQueryResult } from '@tanstack/react-query';
32
import BigNumber from 'bignumber.js';
43
import React from 'react';
@@ -8,6 +7,7 @@ import type { AddressCounters } from 'types/api/address';
87
import { route } from 'nextjs-routes';
98

109
import type { ResourceError } from 'lib/api/resources';
10+
import Skeleton from 'ui/shared/chakra/Skeleton';
1111
import LinkInternal from 'ui/shared/links/LinkInternal';
1212

1313
interface Props {

‎ui/address/details/AddressNameInfo.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
import { Skeleton } from '@chakra-ui/react';
21
import React from 'react';
32

43
import type { Address } from 'types/api/address';
54

5+
import Skeleton from 'ui/shared/chakra/Skeleton';
66
import * as DetailsInfoItem from 'ui/shared/DetailsInfoItem';
77
import TokenEntity from 'ui/shared/entities/token/TokenEntity';
88

‎ui/address/details/AddressNetWorth.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
import { Skeleton, Text, Flex } from '@chakra-ui/react';
1+
import { Text, Flex } from '@chakra-ui/react';
22
import React from 'react';
33

44
import type { Address } from 'types/api/address';
55

66
import config from 'configs/app';
77
import getCurrencyValue from 'lib/getCurrencyValue';
88
import * as mixpanel from 'lib/mixpanel/index';
9+
import Skeleton from 'ui/shared/chakra/Skeleton';
910
import TextSeparator from 'ui/shared/TextSeparator';
1011

1112
import { getTokensTotalInfo } from '../utils/tokenUtils';

‎ui/address/details/AddressQrCode.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@ import {
1212
useDisclosure,
1313
Tooltip,
1414
IconButton,
15-
Skeleton,
1615
} from '@chakra-ui/react';
1716
import { useRouter } from 'next/router';
1817
import QRCode from 'qrcode';
@@ -23,6 +22,7 @@ import type { Address as AddressType } from 'types/api/address';
2322
import getPageType from 'lib/mixpanel/getPageType';
2423
import * as mixpanel from 'lib/mixpanel/index';
2524
import { useRollbar } from 'lib/rollbar';
25+
import Skeleton from 'ui/shared/chakra/Skeleton';
2626
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
2727
import IconSvg from 'ui/shared/IconSvg';
2828

‎ui/address/details/AddressSaveOnGas.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import { Image, Skeleton } from '@chakra-ui/react';
1+
import { Image } from '@chakra-ui/react';
22
import { useQuery } from '@tanstack/react-query';
33
import React from 'react';
44
import * as v from 'valibot';
55

66
import config from 'configs/app';
7+
import Skeleton from 'ui/shared/chakra/Skeleton';
78
import LinkExternal from 'ui/shared/links/LinkExternal';
89
import TextSeparator from 'ui/shared/TextSeparator';
910

‎ui/address/ensDomains/AddressEnsDomains.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@ import {
88
PopoverContent,
99
PopoverTrigger,
1010
Show,
11-
Skeleton,
1211
useDisclosure,
1312
chakra,
1413
} from '@chakra-ui/react';
@@ -23,6 +22,7 @@ import { route } from 'nextjs-routes';
2322
import type { ResourceError } from 'lib/api/resources';
2423
import dayjs from 'lib/date/dayjs';
2524
import Popover from 'ui/shared/chakra/Popover';
25+
import Skeleton from 'ui/shared/chakra/Skeleton';
2626
import EnsEntity from 'ui/shared/entities/ens/EnsEntity';
2727
import IconSvg from 'ui/shared/IconSvg';
2828
import LinkInternal from 'ui/shared/links/LinkInternal';

‎ui/address/epochRewards/AddressEpochRewardsListItem.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
import { Skeleton } from '@chakra-ui/react';
21
import React from 'react';
32

43
import type { AddressEpochRewardsItem } from 'types/api/address';
54

65
import getCurrencyValue from 'lib/getCurrencyValue';
6+
import Skeleton from 'ui/shared/chakra/Skeleton';
77
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
88
import BlockEntity from 'ui/shared/entities/block/BlockEntity';
99
import TokenEntity from 'ui/shared/entities/token/TokenEntity';

‎ui/address/epochRewards/AddressEpochRewardsTableItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import { Flex, Td, Tr, Text, Skeleton } from '@chakra-ui/react';
1+
import { Flex, Td, Tr, Text } from '@chakra-ui/react';
22
import React from 'react';
33

44
import type { AddressEpochRewardsItem } from 'types/api/address';
55

66
import getCurrencyValue from 'lib/getCurrencyValue';
7+
import Skeleton from 'ui/shared/chakra/Skeleton';
78
import AddressEntity from 'ui/shared/entities/address/AddressEntity';
89
import BlockEntity from 'ui/shared/entities/block/BlockEntity';
910
import TokenEntity from 'ui/shared/entities/token/TokenEntity';

‎ui/address/internals/AddressIntTxsListItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Flex, HStack, Skeleton } from '@chakra-ui/react';
1+
import { Flex, HStack } from '@chakra-ui/react';
22
import BigNumber from 'bignumber.js';
33
import React from 'react';
44

@@ -7,6 +7,7 @@ import type { InternalTransaction } from 'types/api/internalTransaction';
77
import config from 'configs/app';
88
import { currencyUnits } from 'lib/units';
99
import AddressFromTo from 'ui/shared/address/AddressFromTo';
10+
import Skeleton from 'ui/shared/chakra/Skeleton';
1011
import Tag from 'ui/shared/chakra/Tag';
1112
import BlockEntity from 'ui/shared/entities/block/BlockEntity';
1213
import TxEntity from 'ui/shared/entities/tx/TxEntity';

‎ui/address/internals/AddressIntTxsTableItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
import { Tr, Td, Box, Flex, Skeleton } from '@chakra-ui/react';
1+
import { Tr, Td, Box, Flex } from '@chakra-ui/react';
22
import BigNumber from 'bignumber.js';
33
import React from 'react';
44

55
import type { InternalTransaction } from 'types/api/internalTransaction';
66

77
import config from 'configs/app';
88
import AddressFromTo from 'ui/shared/address/AddressFromTo';
9+
import Skeleton from 'ui/shared/chakra/Skeleton';
910
import Tag from 'ui/shared/chakra/Tag';
1011
import BlockEntity from 'ui/shared/entities/block/BlockEntity';
1112
import TxEntity from 'ui/shared/entities/tx/TxEntity';

‎ui/address/mud/AddressMudTablesListItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
import { Divider, Text, Skeleton, useBoolean, Flex, Link, VStack, chakra, Box, Grid, GridItem } from '@chakra-ui/react';
1+
import { Divider, Text, useBoolean, Flex, Link, VStack, chakra, Box, Grid, GridItem } from '@chakra-ui/react';
22
import { useRouter } from 'next/router';
33
import React from 'react';
44

55
import type { AddressMudTableItem } from 'types/api/address';
66

77
import { route } from 'nextjs-routes';
88

9+
import Skeleton from 'ui/shared/chakra/Skeleton';
910
import Tag from 'ui/shared/chakra/Tag';
1011
import HashStringShorten from 'ui/shared/HashStringShorten';
1112
import IconSvg from 'ui/shared/IconSvg';

‎ui/address/mud/AddressMudTablesTableItem.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
import { Td, Tr, Text, Skeleton, useBoolean, Link, Table, VStack, chakra } from '@chakra-ui/react';
1+
import { Td, Tr, Text, useBoolean, Link, Table, VStack, chakra } from '@chakra-ui/react';
22
import { useRouter } from 'next/router';
33
import React from 'react';
44

55
import type { AddressMudTableItem } from 'types/api/address';
66

77
import { route } from 'nextjs-routes';
88

9+
import Skeleton from 'ui/shared/chakra/Skeleton';
910
import Tag from 'ui/shared/chakra/Tag';
1011
import IconSvg from 'ui/shared/IconSvg';
1112
import LinkInternal from 'ui/shared/links/LinkInternal';

0 commit comments

Comments
 (0)