diff --git a/package.json b/package.json index db34c45..bd16c5e 100644 --- a/package.json +++ b/package.json @@ -41,7 +41,7 @@ "@cosmjs/tendermint-rpc": "^0.31.0", "@dydxprotocol/v4-abacus": "^1.0.10", "@dydxprotocol/v4-client-js": "^1.0.0", - "@dydxprotocol/v4-localization": "^1.0.0", + "@dydxprotocol/v4-localization": "^1.0.3", "@ethersproject/providers": "^5.7.2", "@js-joda/core": "^5.5.3", "@radix-ui/react-collapsible": "^1.0.3", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 9de75c7..88adfab 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1,9 +1,5 @@ lockfileVersion: '6.0' -settings: - autoInstallPeers: true - excludeLinksFromLockfile: false - dependencies: '@0xsquid/sdk': specifier: ^1.10.0 @@ -33,8 +29,8 @@ dependencies: specifier: ^1.0.0 version: 1.0.0 '@dydxprotocol/v4-localization': - specifier: ^1.0.0 - version: 1.0.0 + specifier: ^1.0.3 + version: 1.0.3 '@ethersproject/providers': specifier: ^5.7.2 version: 5.7.2 @@ -1011,8 +1007,8 @@ packages: - utf-8-validate dev: false - /@dydxprotocol/v4-localization@1.0.0: - resolution: {integrity: sha512-U7QjOlzpfSAVEchkNDB3xYRx7okzdeYi83XsnHwI+EHa2quFm/2Y2dhrBkT5fqpZmhcwxb/vG8AZmFSToOf9hA==} + /@dydxprotocol/v4-localization@1.0.3: + resolution: {integrity: sha512-DSTVabwVI6TjR0Z6Nlcl+ryrmayCoki0eBbBcSO/bsNYAffsPAy1e4ctajH49hQC6CKaCyK4urZPEXsdCmLlzQ==} dev: false /@dydxprotocol/v4-proto@0.4.1: @@ -14100,3 +14096,7 @@ packages: /zwitch@2.0.4: resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==} dev: true + +settings: + autoInstallPeers: true + excludeLinksFromLockfile: false diff --git a/src/layout/Header/HeaderDesktop.tsx b/src/layout/Header/HeaderDesktop.tsx index 6e4aeaf..bc493ec 100644 --- a/src/layout/Header/HeaderDesktop.tsx +++ b/src/layout/Header/HeaderDesktop.tsx @@ -236,4 +236,5 @@ Styled.IconButton = styled(IconButton)<{ size?: string }>` ${headerMixins.button} --button-border: none; --button-icon-size: 1rem; + --button-padding: 0 0.5em; `; diff --git a/src/views/tables/TransferHistoryTable.tsx b/src/views/tables/TransferHistoryTable.tsx index 69faca1..31dc052 100644 --- a/src/views/tables/TransferHistoryTable.tsx +++ b/src/views/tables/TransferHistoryTable.tsx @@ -7,7 +7,7 @@ import { ButtonAction } from '@/constants/buttons'; import { DialogTypes } from '@/constants/dialogs'; import { STRING_KEYS, StringGetterFunction } from '@/constants/localization'; -import { useBreakpoints, useStringGetter } from '@/hooks'; +import { useBreakpoints, useStringGetter, useURLConfigs } from '@/hooks'; import { layoutMixins } from '@/styles/layoutMixins'; import { tradeViewMixins } from '@/styles/tradeViewMixins'; @@ -40,11 +40,13 @@ const getTransferHistoryTableColumnDef = ({ key, stringGetter, width, + mintscanTxUrl, }: { key: TransferHistoryTableColumnKey; isTablet?: boolean; stringGetter: StringGetterFunction; width?: ColumnSize; + mintscanTxUrl?: string; }): ColumnDef => ({ width, ...( @@ -98,9 +100,12 @@ const getTransferHistoryTableColumnDef = ({ columnKey: TransferHistoryTableColumnKey.TxHash, getCellValue: (row) => row.transactionHash, label: stringGetter({ key: STRING_KEYS.TRANSACTION }), - renderCell: ({ transactionHash, resources }) => + renderCell: ({ transactionHash }) => transactionHash ? ( - + {truncateAddress(transactionHash, '')} ) : ( @@ -130,6 +135,7 @@ export const TransferHistoryTable = ({ const stringGetter = useStringGetter(); const dispatch = useDispatch(); const { isMobile, isTablet } = useBreakpoints(); + const { mintscan: mintscanTxUrl } = useURLConfigs(); const canAccountTrade = useSelector(calculateCanAccountTrade, shallowEqual); @@ -146,6 +152,7 @@ export const TransferHistoryTable = ({ isTablet, stringGetter, width: columnWidths?.[key], + mintscanTxUrl, }) )} slotEmpty={