Skip to content

Commit e4aeab1

Browse files
CP-12443 - Fix Activity tab layout issue on foldable devices (#3333)
1 parent 2741c42 commit e4aeab1

File tree

1 file changed

+8
-5
lines changed

1 file changed

+8
-5
lines changed

packages/core-mobile/app/new/features/activity/components/ActivityList.tsx

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,20 @@
1+
import {
2+
isTokenWithBalanceAVM,
3+
isTokenWithBalancePVM
4+
} from '@avalabs/avalanche-module'
15
import { BridgeTransfer } from '@avalabs/bridge-unified'
26
import { BridgeTransaction } from '@avalabs/core-bridge-sdk'
37
import { Text, useTheme, View } from '@avalabs/k2-alpine'
8+
import { TokenWithBalance } from '@avalabs/vm-module-types'
49
import { FlashListProps, ListRenderItem } from '@shopify/flash-list'
510
import { CollapsibleTabs } from 'common/components/CollapsibleTabs'
611
import { isXpTransaction } from 'common/utils/isXpTransactions'
712
import { ACTIVITY_LIST_ITEM_HEIGHT } from 'features/portfolio/assets/components/ActivityListItem'
813
import { PendingBridgeTransactionItem } from 'features/portfolio/assets/components/PendingBridgeTransactionItem'
914
import { TokenActivityListItem } from 'features/portfolio/assets/components/TokenActivityListItem'
1015
import { XpActivityListItem } from 'features/portfolio/assets/components/XpActivityListItem'
16+
import { useWatchlist } from 'hooks/watchlist/useWatchlist'
1117
import React, { useCallback } from 'react'
12-
import { TokenWithBalance } from '@avalabs/vm-module-types'
13-
import {
14-
isTokenWithBalanceAVM,
15-
isTokenWithBalancePVM
16-
} from '@avalabs/avalanche-module'
1718
import { ActivityListItem } from '../utils'
1819

1920
export const ActivityList = ({
@@ -37,6 +38,7 @@ export const ActivityList = ({
3738
renderHeader: () => React.ReactNode
3839
renderEmpty: () => React.ReactNode
3940
}): JSX.Element => {
41+
const { prices } = useWatchlist()
4042
const renderItem: ListRenderItem<ActivityListItem> = useCallback(
4143
({ item, index }) => {
4244
if (item.type === 'header') {
@@ -97,6 +99,7 @@ export const ActivityList = ({
9799
key={xpToken?.symbol}
98100
overrideProps={overrideProps}
99101
data={data}
102+
extraData={{ prices }}
100103
renderItem={renderItem}
101104
ListHeaderComponent={renderHeader}
102105
ListEmptyComponent={renderEmpty}

0 commit comments

Comments
 (0)