diff --git a/cashtab/package-lock.json b/cashtab/package-lock.json --- a/cashtab/package-lock.json +++ b/cashtab/package-lock.json @@ -1,12 +1,12 @@ { "name": "cashtab", - "version": "2.33.1", + "version": "2.33.2", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "cashtab", - "version": "2.33.1", + "version": "2.33.2", "dependencies": { "@bitgo/utxo-lib": "^9.33.0", "@zxing/browser": "^0.1.4", diff --git a/cashtab/package.json b/cashtab/package.json --- a/cashtab/package.json +++ b/cashtab/package.json @@ -1,6 +1,6 @@ { "name": "cashtab", - "version": "2.33.1", + "version": "2.33.2", "private": true, "scripts": { "start": "node scripts/start.js", diff --git a/cashtab/src/components/Home/Tx/__tests__/index.test.js b/cashtab/src/components/Home/Tx/__tests__/index.test.js --- a/cashtab/src/components/Home/Tx/__tests__/index.test.js +++ b/cashtab/src/components/Home/Tx/__tests__/index.test.js @@ -865,11 +865,8 @@ 'evc token service holders air dropπŸ₯‡πŸŒπŸ₯‡β€πŸ‘ŒπŸ›¬πŸ›¬πŸ—πŸ€΄', ), ).toBeInTheDocument(); - expect( - screen.getByText( - 'bdb3b4215ca0622e0c4c07655522c376eaa891838a82f0217fa453bb0595a37c', - ), - ).toBeInTheDocument(); + // The token icon itself is abbreviated to show first and last 3 chars + expect(screen.getByText('bdb...37c')).toBeInTheDocument(); }); it('Sent airdrop with msg with token info in cache', async () => { render( diff --git a/cashtab/src/components/Home/Tx/index.js b/cashtab/src/components/Home/Tx/index.js --- a/cashtab/src/components/Home/Tx/index.js +++ b/cashtab/src/components/Home/Tx/index.js @@ -293,7 +293,10 @@ target="_blank" rel="noreferrer" > - {airdroppedTokenId} + {`${airdroppedTokenId.slice( + 0, + 3, + )}...${airdroppedTokenId.slice(-3)}`} diff --git a/cashtab/src/components/Home/Tx/styles.js b/cashtab/src/components/Home/Tx/styles.js --- a/cashtab/src/components/Home/Tx/styles.js +++ b/cashtab/src/components/Home/Tx/styles.js @@ -188,6 +188,7 @@ border-radius: 9px; background-color: ${props => props.theme.panel}; flex-wrap: wrap; + word-break: break-all; `; export const AppDescLabel = styled.div` font-weight: bold;