Merge pull request #1831 from nervosnetwork/develop

nervosnetwork · Jan 3, 2025 · 17f3cf7 · 17f3cf7
2 parents 191d07c + b7b7f0c
commit 17f3cf7
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 10 deletions.
diff --git a/src/pages/Home/Banner/index.tsx b/src/pages/Home/Banner/index.tsx
@@ -1,6 +1,7 @@
 import { useQuery } from '@tanstack/react-query'
 import { BarChartIcon } from '@radix-ui/react-icons'
 import { useTranslation } from 'react-i18next'
+import { Tooltip } from 'antd'
 import { Link } from '../../../components/Link'
 import config from '../../../config'
 import styles from './index.module.scss'
@@ -55,9 +56,17 @@ export default () => {
         <Link to="https://www.ckbfiber.net/" target="_blank" rel="noopener noreferrer">
           <span>{t(`banner.learn_more`)}</span>
         </Link>
-        <Link to="/fiber/graph/nodes">
-          <span>{t('banner.find_nodes')}</span>
-        </Link>
+        <Tooltip title={t('banner.coming_soon')}>
+          <Link
+            to="/fiber/graph/nodes"
+            aria-disabled
+            onClick={(e: React.SyntheticEvent<HTMLAnchorElement>) => {
+              e.preventDefault()
+            }}
+          >
+            <span>{t('banner.find_nodes')}</span>
+          </Link>
+        </Tooltip>
       </div>
     </div>
   )

diff --git a/src/pages/NftCollections/index.tsx b/src/pages/NftCollections/index.tsx
@@ -7,7 +7,7 @@ import Pagination from '../../components/Pagination'
 import { getPrimaryColor } from '../../constants/common'
 import { explorerService } from '../../services/ExplorerService'
 import { udtSubmitEmail } from '../../utils/util'
-import { useIsMobile, useSearchParams } from '../../hooks'
+import { useSearchParams } from '../../hooks'
 import styles from './styles.module.scss'
 import { useNFTCollectionsSortParam } from './util'
 
@@ -24,7 +24,6 @@ const NftCollections = () => {
   const { search } = useLocation()
   const { page = '1', type, tags } = useSearchParams('page', 'type', 'tags')
   const { sort } = useNFTCollectionsSortParam()
-  const isMobile = useIsMobile()
 
   const isValidFilter = isTxFilterType(type) && type !== 'all'
 
@@ -61,11 +60,12 @@ const NftCollections = () => {
           </a>
         </div>
         <div className={styles.list}>
-          {isMobile ? (
+          <div className={styles.cardList}>
             <ListOnMobile isLoading={isLoading} list={list} />
-          ) : (
+          </div>
+          <div className={styles.tableList}>
             <ListOnDesktop isLoading={isLoading} list={list} />
-          )}
+          </div>
         </div>
 
         <Pagination

diff --git a/src/pages/NftCollections/styles.module.scss b/src/pages/NftCollections/styles.module.scss
@@ -2,6 +2,14 @@
 
 .container {
   margin: 40px 120px 60px;
+
+  .tableList {
+    display: block;
+  }
+
+  .cardList {
+    display: none;
+  }
 }
 
 .tags {
@@ -322,11 +330,11 @@
   .container {
     margin: 20px 16px 60px;
 
-    table[data-role='desktop-list'] {
+    .tableList {
       display: none;
     }
 
-    div[data-role='mobile-list'] {
+    .cardList {
       display: block;
     }
   }