Merge pull request #1384 from nervosnetwork/testnet

package.json

@@ -39,10 +39,10 @@
   "devDependencies": {
     "@sentry/webpack-plugin": "2.7.1",
     "@testing-library/react": "12.1.5",
-    "@types/echarts": "4.9.19",
+    "@types/echarts": "4.9.21",
     "@types/eslint": "8.44.6",
     "@types/jest": "26.0.24",
-    "@types/node": "16.18.58",
+    "@types/node": "16.18.61",
     "@types/react": "17.0.65",
     "@types/react-dom": "17.0.20",
     "@types/react-outside-click-handler": "^1.3.0",

src/components/Banner/HalvingBanner.tsx

@@ -1,12 +1,12 @@
 import classnames from 'classnames'
 import { useTranslation } from 'react-i18next'
 import styles from './index.module.scss'
-import halvingBanner from '../../assets/halving_banner.png'
-import halvingBannerSuccess from '../../assets/halving_banner_success.png'
-import halvingBannerSuccessMobile from '../../assets/halving_banner_success_mobile.png'
-import { ReactComponent as MoveIcon } from '../../assets/move.svg'
+import halvingBanner from './halving_banner.png'
+import halvingBannerSuccess from './halving_banner_success.png'
+import halvingBannerSuccessMobile from './halving_banner_success_mobile.png'
+import { ReactComponent as MoveIcon } from './move.svg'
 import LoadingWhiteImage from '../../assets/loading_white.gif'
-import halvingSuccessAni from '../../assets/halving_success_ani.gif'
+import halvingSuccessAni from './halving_success_ani.gif'
 import SimpleButton from '../SimpleButton'
 import { useCountdown, useHalving, useIsMobile } from '../../utils/hook'
 

src/components/Banner/index.module.scss

@@ -5,13 +5,13 @@ $backgroudColor: #232323;
   background-color: $backgroudColor;
   height: 200px;
   position: relative;
-  background-image: url('../../assets/ckb_explorer_banner.svg');
+  background-image: url('./ckb_explorer_banner.svg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: auto 100%;
 
   @media (width <= 750px) {
-    background-image: url('../../assets/ckb_explorer_banner_phone.svg');
+    background-image: url('./ckb_explorer_banner_phone.svg');
   }
 }
 

src/components/Card/HashCard/index.tsx

@@ -3,13 +3,13 @@ import { Link } from 'react-router-dom'
 import { Radio, Tooltip } from 'antd'
 import { useTranslation } from 'react-i18next'
 import { LayoutLiteProfessional } from '../../../constants/common'
-import CopyIcon from '../../../assets/copy.png'
+import CopyIcon from './copy.png'
 import { explorerService } from '../../../services/ExplorerService'
 import SmallLoading from '../../Loading/SmallLoading'
 import { useIsMobile, useNewAddr, useDeprecatedAddr, useSearchParams, useUpdateSearchParams } from '../../../utils/hook'
 import SimpleButton from '../../SimpleButton'
 import { ReactComponent as OpenInNew } from '../../../assets/open_in_new.svg'
-import { ReactComponent as DownloadIcon } from '../../../assets/download_tx.svg'
+import { ReactComponent as DownloadIcon } from './download_tx.svg'
 import { HashCardPanel, LoadingPanel } from './styled'
 import styles from './styles.module.scss'
 import AddressText from '../../AddressText'

src/components/CsvExport/index.tsx

@@ -1,7 +1,7 @@
 import { Link } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import styles from './styles.module.scss'
-import { ReactComponent as ExportIcon } from '../../assets/export_icon.svg'
+import { ReactComponent as ExportIcon } from './export_icon.svg'
 import { SupportedExportTransactionType } from '../../services/ExplorerService'
 
 export function CsvExport({ type, id }: { type: SupportedExportTransactionType; id?: string }) {

src/components/Error/index.tsx

@@ -1,5 +1,5 @@
-import PCDataNotFoundImage from '../../assets/pc_data_not_found.png'
-import MobileDataNotFoundImage from '../../assets/mobile_data_not_found.png'
+import PCDataNotFoundImage from './pc_data_not_found.png'
+import MobileDataNotFoundImage from './mobile_data_not_found.png'
 import { useIsMobile } from '../../utils/hook'
 import { ErrorPanel } from './styled'
 

src/components/Footer/index.tsx

@@ -1,12 +1,12 @@
 import { ReactNode, memo, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ReactComponent as XIcon } from '../../assets/footer_X.svg'
-import { ReactComponent as MediumIcon } from '../../assets/footer_medium.svg'
-import { ReactComponent as TelegramIcon } from '../../assets/footer_telegram.svg'
-import { ReactComponent as RedditIcon } from '../../assets/footer_reddit.svg'
-import { ReactComponent as YoutubeIcon } from '../../assets/footer_youtube.svg'
-import { ReactComponent as ForumIcon } from '../../assets/footer_forum.svg'
-import { ReactComponent as Discord } from '../../assets/footer_discord.svg'
+import { ReactComponent as XIcon } from './footer_X.svg'
+import { ReactComponent as MediumIcon } from './footer_medium.svg'
+import { ReactComponent as TelegramIcon } from './footer_telegram.svg'
+import { ReactComponent as RedditIcon } from './footer_reddit.svg'
+import { ReactComponent as YoutubeIcon } from './footer_youtube.svg'
+import { ReactComponent as ForumIcon } from './footer_forum.svg'
+import { ReactComponent as Discord } from './footer_discord.svg'
 import { getCurrentYear } from '../../utils/date'
 import { FooterMenuPanel, FooterItemPanel, FooterImageItemPanel, FooterPanel } from './styled'
 import { useIsMobile } from '../../utils/hook'

src/components/Header/LanguageComp/index.tsx

@@ -2,7 +2,7 @@ import { useState, useLayoutEffect, FC } from 'react'
 import { HeaderLanguagePanel, MobileSubMenuPanel } from './styled'
 import SimpleButton from '../../SimpleButton'
 import WhiteDropdownIcon from '../../../assets/white_dropdown.png'
-import WhiteDropUpIcon from '../../../assets/white_drop_up.png'
+import WhiteDropUpIcon from './white_drop_up.png'
 import BlueDropUpIcon from '../../../assets/blue_drop_up.png'
 import GreenDropUpIcon from '../../../assets/green_drop_up.png'
 import { isMainnet } from '../../../utils/chain'

src/components/Header/SearchComp/index.tsx

@@ -1,6 +1,6 @@
 import { FC, memo, useCallback } from 'react'
 import Search from '../../Search'
-import SearchLogo from '../../../assets/search_white.png'
+import SearchLogo from './search_white.png'
 import { HeaderSearchPanel, HeaderSearchBarPanel } from './styled'
 
 export const SearchComp: FC<{

src/components/Header/index.tsx

@@ -2,7 +2,7 @@ import { FC, ReactNode, useEffect, useRef, useState } from 'react'
 import { useLocation } from 'react-router'
 import classNames from 'classnames'
 import { createBrowserHistory } from 'history'
-import LogoIcon from '../../assets/ckb_logo.png'
+import LogoIcon from './ckb_logo.png'
 import { HeaderPanel, HeaderEmptyPanel, HeaderMobileMenuPanel, HeaderLogoPanel } from './styled'
 import MenusComp from './MenusComp'
 import { SearchComp } from './SearchComp'

src/components/Pagination/index.tsx

@@ -1,10 +1,10 @@
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { PaginationLeftItem, PaginationRightItem, PaginationPanel } from './styled'
-import LeftBlack from '../../assets/pagination_black_left.png'
-import RightBlack from '../../assets/pagination_black_right.png'
-import LeftGrey from '../../assets/pagination_grey_left.png'
-import RightGrey from '../../assets/pagination_grey_right.png'
+import LeftBlack from './pagination_black_left.png'
+import RightBlack from './pagination_black_right.png'
+import LeftGrey from './pagination_grey_left.png'
+import RightGrey from './pagination_grey_right.png'
 import { useIsMobile } from '../../utils/hook'
 import SimpleButton from '../SimpleButton'
 import { HelpTip } from '../HelpTip'

src/components/Transaction/TransactionCellArrow/index.tsx

@@ -2,10 +2,10 @@ import { Link } from 'react-router-dom'
 import { Tooltip } from 'antd'
 import { useTranslation } from 'react-i18next'
 import { CellType } from '../../../constants/common'
-import RightGreenArrow from '../../../assets/right_green_arrow.png'
-import RightBlueArrow from '../../../assets/right_blue_arrow.png'
-import LiveCellIcon from '../../../assets/live_cell.png'
-import LiveCellBlueIcon from '../../../assets/live_cell_blue.png'
+import RightGreenArrow from './right_green_arrow.png'
+import RightBlueArrow from './right_blue_arrow.png'
+import LiveCellIcon from './live_cell.png'
+import LiveCellBlueIcon from './live_cell_blue.png'
 import { isMainnet } from '../../../utils/chain'
 import { RightArrowImage, LeftArrowImage } from './styled'
 import { Cell } from '../../../models/Cell'

src/components/TransactionItem/index.tsx

@@ -1,7 +1,7 @@
 import { ReactNode, useEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
-import RightArrowIcon from '../../assets/input_arrow_output.png'
-import DownArrowIcon from '../../assets/input_arrow_output_down.png'
+import RightArrowIcon from './input_arrow_output.png'
+import DownArrowIcon from './input_arrow_output_down.png'
 import { localeNumberString } from '../../utils/number'
 import TransactionCell from './TransactionItemCell'
 import TransactionCellList from './TransactionItemCellList'