update sticky bar for assets and collectibles (#665)

Co-authored-by: Felicio <[email protected]>

Author: marcelines

.changeset/fair-ties-repeat.md

@@ -0,0 +1,7 @@
+---
+'@status-im/wallet': patch
+'portfolio': patch
+'wallet': patch
+---
+
+update sticky bar for assets and collectibles

apps/portfolio/src/app/[address]/@detail/assets/[ticker]/_components/network-breakdown.tsx

@@ -1,7 +1,6 @@
 'use client'
 
-import { CurrencyAmount } from '../../../../../_components/currency-amount'
-import { NetworkLogo } from '../../../../../_components/network-logo'
+import { CurrencyAmount, NetworkLogo } from '@status-im/wallet/components'
 
 import type { ApiOutput, NetworkType } from '@status-im/wallet/data'
 

apps/portfolio/src/app/[address]/@detail/assets/[ticker]/page.tsx

@@ -2,17 +2,19 @@ import { Suspense } from 'react'
 
 import { Button, Tooltip } from '@status-im/components'
 import { BuyIcon, ReceiveBlurIcon } from '@status-im/icons/20'
-import { StickyHeaderContainer } from '@status-im/wallet/components'
+import {
+  Balance,
+  CurrencyAmount,
+  StickyHeaderContainer,
+} from '@status-im/wallet/components'
 import { cx } from 'class-variance-authority'
 import { notFound } from 'next/navigation'
 import { MDXRemote } from 'next-mdx-remote/rsc'
 import { ErrorBoundary } from 'react-error-boundary'
 
 import { getAPIClient } from '../../../../..//data/api'
-import { Balance } from '../../../../_components/balance'
 import { BuyCryptoDrawer } from '../../../../_components/buy-crypto-drawer'
 import { portfolioComponents } from '../../../../_components/content'
-import { CurrencyAmount } from '../../../../_components/currency-amount'
 import { ReceiveCryptoDrawer } from '../../../../_components/receive-crypto-drawer'
 import { TokenAmount } from '../../../../_components/token-amount'
 import { Chart } from '../_components/chart'

apps/portfolio/src/app/[address]/@detail/collectibles/[network]/[contract]/[id]/page.tsx

@@ -3,10 +3,9 @@
 import { Button } from '@status-im/components'
 import { ExternalIcon, OptionsIcon, SadIcon } from '@status-im/icons/20'
 import { OpenseaIcon } from '@status-im/icons/social'
+import { CurrencyAmount, NetworkLogo } from '@status-im/wallet/components'
 
 import { getAPIClient } from '../../../../../../../data/api'
-import { CurrencyAmount } from '../../../../../../_components/currency-amount'
-import { NetworkLogo } from '../../../../../../_components/network-logo'
 import { ImageLightbox } from './_components/image-lightbox'
 import { InfoCard } from './_components/info-card'
 

apps/portfolio/src/app/[address]/@list/@balance/default.tsx

@@ -1,5 +1,6 @@
+import { Balance } from '@status-im/wallet/components'
+
 import { getAPIClient } from '../../../../data/api'
-import { Balance } from '../../../_components/balance'
 
 import type { NetworkType } from '@status-im/wallet/data'
 

apps/portfolio/src/app/[address]/@list/collectibles/_components/collectibles-table.tsx

@@ -5,8 +5,8 @@ import { useMemo } from 'react'
 import { CollectiblesGrid as CollectiblesList } from '@status-im/wallet/components'
 import { useInfiniteQuery } from '@tanstack/react-query'
 import { usePathname, useSearchParams } from 'next/navigation'
-import { Link } from 'src/app/_components/link'
 
+import { Link } from '../../../../_components/link'
 import { DEFAULT_SORT } from '../../../../_constants'
 import { useSearchAndSort } from '../../../../_hooks/use-search-and-sort'
 

apps/portfolio/src/app/_components/action-buttons.tsx

@@ -2,13 +2,12 @@
 
 import { Input } from '@status-im/components'
 import { SearchIcon } from '@status-im/icons/20'
-import { TabLink } from '@status-im/wallet/components'
+import { DropdownSort, TabLink } from '@status-im/wallet/components'
 import NextLink from 'next/link'
 import { useParams, usePathname } from 'next/navigation'
 import { match, P } from 'ts-pattern'
 
 import { useSearchAndSort } from '../_hooks/use-search-and-sort'
-import { AdminDropdownSort } from './dropdown-sort'
 
 const checkPathnameAndReturnTabValue = (
   pathname: string
@@ -67,7 +66,7 @@ const ActionButtons = () => {
           clearable={!!inputValue}
           aria-label="Search"
         />
-        <AdminDropdownSort
+        <DropdownSort
           data={sortOptions}
           onOrderByChange={onOrderByChange}
           orderByColumn={orderByColumn}

apps/portfolio/src/app/_components/currency-amount.tsx

@@ -2,14 +2,14 @@
 
 import { Avatar } from '@status-im/components'
 import { InsightsIcon } from '@status-im/icons/20'
+import { CurrencyAmount } from '@status-im/wallet/components'
 import { cva, cx } from 'class-variance-authority'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 
 import { Tooltip } from '../_components/tooltip'
 import { useMediaQuery } from '../_hooks/use-media-query'
 import { AddAddress } from './add-address'
-import { CurrencyAmount } from './currency-amount'
 import { FeatureEnabled } from './feature-enabled'
 
 import type { CustomisationColorType } from '@status-im/components'

apps/portfolio/src/app/_components/sidenav.tsx

@@ -56,6 +56,7 @@
     "react-hook-form": "^7.54.2",
     "superjson": "^2.2.1",
     "trpc-chrome": "^1.0.0",
+    "ts-pattern": "^5.7.1",
     "vite-plugin-node-polyfills": "^0.23.0",
     "zod": "^3.23.8"
   },