Page MenuHomePhabricator

[Cashtab] Tx receipt icon added to Tx dropdown menu
ClosedPublic

Authored by kieran709 on May 12 2022, 16:17.

Details

Reviewers
bytesofman
Group Reviewers
Restricted Project
Commits
rABC22bfe0f92d9c: [Cashtab] Tx receipt icon added to Tx dropdown menu
Summary

Related to T2425. Added icon to Tx dropdown menu which user can follow to view a pdf 'receipt' of the tx.

Test Plan

cd web/cashtab
npm start
expand a Tx dropdown from the home screen
observe the Tx Receipt label and icon
click Tx Receipt and follow the link to the blockchair generated pdf.

Diff Detail

Repository
rABC Bitcoin ABC
Branch
add-pdf-receipt-icon-to-tx
Lint
Lint Passed
Unit
No Test Coverage
Build Status
Buildable 19139
Build 38026: Build Diffcashtab-tests
Build 38025: arc lint + arc unit

Event Timeline

  1. Need to handle overflow for case where enough of these icons exceed width of app

image.png (233×590 px, 38 KB)

  1. See inline comments, shorter var name for pdf URL
  1. Just the icon without receipt label
web/cashtab/src/components/Common/Ticker.js
19 ↗(On Diff #33497)

pdfReceiptUrl

web/cashtab/src/components/Home/Tx.js
746 ↗(On Diff #33497)

Try no name and just the icon here

This revision now requires changes to proceed.May 16 2022, 16:07

Made font size smaller by one size, removed gap between Text Layer and icons, aligned text layer and icons to center, TextLayer is hidden when screen width is <500, added tooltip with TextLayer content that is visible if the text layer is hidden.

Removed unnecessary gap reference

Failed tests logs:

====== CashTab Unit Tests:  Wallet without BCH balance ======
Error: expect(received).toMatchSnapshot()

Snapshot name: `Wallet without BCH balance 1`

- Snapshot  - 10
+ Received  + 10

@@ -1,43 +1,43 @@
  Array [
    <div
-     className="sc-ksYbfQ EFpnD"
+     className="sc-cJSrbW jPTFkt"
    >
      <h4
-       className="sc-gGBfsJ ZgQrz"
+       className="sc-bbmXgH cXxYjE"
      >
        MigrationTestAlpha
      </h4>
      <div
-       className="sc-frDJqD eedyCO"
+       className="sc-hmzhuo jGtnCu"
      >
        0
         
        XEC
      </div>
    </div>,
    <div
-     className="sc-kgAjT fyrqRY"
+     className="sc-TOsTZ ePGIdr"
    >
      <div
-       className="sc-jnlKLf loFZIX"
+       className="sc-gGBfsJ jUIZZs"
      >
        <button
-         className="sc-fYxtnH gnEKHM"
+         className="sc-jnlKLf izRvRI"
          onClick={[Function]}
        >
          Transactions
        </button>
        <button
-         className="sc-fYxtnH bYcRiT"
+         className="sc-jnlKLf lblEKN"
          onClick={[Function]}
        >
          eTokens
        </button>
      </div>
      <div
-       className="sc-tilXH gcpRYy"
+       className="sc-fYxtnH fiPSMX"
      >
        <div />
        <span
          aria-label="party emoji"
          role="img"
@@ -60,14 +60,14 @@
         
        XEC
         to send to others
      </div>
      <div
-       className="sc-tilXH boVOvg"
+       className="sc-fYxtnH hfLMVU"
      >
        <a
-         className="sc-kafWEX ekuTxS"
+         className="sc-cIShpX fxEPvd"
          href="/tokens"
          onClick={[Function]}
        >
          Create eToken
        </a>
    at Object.<anonymous> (/work/web/cashtab/src/components/Home/__tests__/Home.test.js:26:18)
    at Promise.then.completed (/work/web/cashtab/node_modules/jest-circus/build/utils.js:391:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/work/web/cashtab/node_modules/jest-circus/build/utils.js:316:10)
    at _callCircusTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:218:40)
    at processTicksAndRejections (node:internal/process/task_queues:94:5)
    at _runTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:155:3)
    at _runTestsForDescribeBlock (/work/web/cashtab/node_modules/jest-circus/build/run.js:66:9)
    at run (/work/web/cashtab/node_modules/jest-circus/build/run.js:25:3)
    at runAndTransformResultsToJestFormat (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:170:21)
    at jestAdapter (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:82:19)
    at runTestInternal (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:389:16)
    at runTest (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:475:34)
    at Object.worker (/work/web/cashtab/node_modules/jest-runner/build/testWorker.js:133:12)
====== CashTab Unit Tests:  Wallet with BCH balances ======
Error: expect(received).toMatchSnapshot()

Snapshot name: `Wallet with BCH balances 1`

- Snapshot  - 10
+ Received  + 10

@@ -1,43 +1,43 @@
  Array [
    <div
-     className="sc-ksYbfQ EFpnD"
+     className="sc-cJSrbW jPTFkt"
    >
      <h4
-       className="sc-gGBfsJ ZgQrz"
+       className="sc-bbmXgH cXxYjE"
      >
        MigrationTestAlpha
      </h4>
      <div
-       className="sc-frDJqD eedyCO"
+       className="sc-hmzhuo jGtnCu"
      >
        0
         
        XEC
      </div>
    </div>,
    <div
-     className="sc-kgAjT fyrqRY"
+     className="sc-TOsTZ ePGIdr"
    >
      <div
-       className="sc-jnlKLf loFZIX"
+       className="sc-gGBfsJ jUIZZs"
      >
        <button
-         className="sc-fYxtnH gnEKHM"
+         className="sc-jnlKLf izRvRI"
          onClick={[Function]}
        >
          Transactions
        </button>
        <button
-         className="sc-fYxtnH bYcRiT"
+         className="sc-jnlKLf lblEKN"
          onClick={[Function]}
        >
          eTokens
        </button>
      </div>
      <div
-       className="sc-tilXH gcpRYy"
+       className="sc-fYxtnH fiPSMX"
      >
        <div />
        <span
          aria-label="party emoji"
          role="img"
@@ -60,14 +60,14 @@
         
        XEC
         to send to others
      </div>
      <div
-       className="sc-tilXH boVOvg"
+       className="sc-fYxtnH hfLMVU"
      >
        <a
-         className="sc-kafWEX ekuTxS"
+         className="sc-cIShpX fxEPvd"
          href="/tokens"
          onClick={[Function]}
        >
          Create eToken
        </a>
    at Object.<anonymous> (/work/web/cashtab/src/components/Home/__tests__/Home.test.js:40:18)
    at Promise.then.completed (/work/web/cashtab/node_modules/jest-circus/build/utils.js:391:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/work/web/cashtab/node_modules/jest-circus/build/utils.js:316:10)
    at _callCircusTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:218:40)
    at processTicksAndRejections (node:internal/process/task_queues:94:5)
    at _runTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:155:3)
    at _runTestsForDescribeBlock (/work/web/cashtab/node_modules/jest-circus/build/run.js:66:9)
    at run (/work/web/cashtab/node_modules/jest-circus/build/run.js:25:3)
    at runAndTransformResultsToJestFormat (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:170:21)
    at jestAdapter (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:82:19)
    at runTestInternal (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:389:16)
    at runTest (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:475:34)
    at Object.worker (/work/web/cashtab/node_modules/jest-runner/build/testWorker.js:133:12)
====== CashTab Unit Tests:  Wallet with BCH balances and tokens ======
Error: expect(received).toMatchSnapshot()

Snapshot name: `Wallet with BCH balances and tokens 1`

- Snapshot  - 10
+ Received  + 10

@@ -1,43 +1,43 @@
  Array [
    <div
-     className="sc-ksYbfQ EFpnD"
+     className="sc-cJSrbW jPTFkt"
    >
      <h4
-       className="sc-gGBfsJ ZgQrz"
+       className="sc-bbmXgH cXxYjE"
      >
        MigrationTestAlpha
      </h4>
      <div
-       className="sc-frDJqD eedyCO"
+       className="sc-hmzhuo jGtnCu"
      >
        0
         
        XEC
      </div>
    </div>,
    <div
-     className="sc-kgAjT fyrqRY"
+     className="sc-TOsTZ ePGIdr"
    >
      <div
-       className="sc-jnlKLf loFZIX"
+       className="sc-gGBfsJ jUIZZs"
      >
        <button
-         className="sc-fYxtnH gnEKHM"
+         className="sc-jnlKLf izRvRI"
          onClick={[Function]}
        >
          Transactions
        </button>
        <button
-         className="sc-fYxtnH bYcRiT"
+         className="sc-jnlKLf lblEKN"
          onClick={[Function]}
        >
          eTokens
        </button>
      </div>
      <div
-       className="sc-tilXH gcpRYy"
+       className="sc-fYxtnH fiPSMX"
      >
        <div />
        <span
          aria-label="party emoji"
          role="img"
@@ -60,14 +60,14 @@
         
        XEC
         to send to others
      </div>
      <div
-       className="sc-tilXH boVOvg"
+       className="sc-fYxtnH hfLMVU"
      >
        <a
-         className="sc-kafWEX ekuTxS"
+         className="sc-cIShpX fxEPvd"
          href="/tokens"
          onClick={[Function]}
        >
          Create eToken
        </a>
    at Object.<anonymous> (/work/web/cashtab/src/components/Home/__tests__/Home.test.js:54:18)
    at Promise.then.completed (/work/web/cashtab/node_modules/jest-circus/build/utils.js:391:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/work/web/cashtab/node_modules/jest-circus/build/utils.js:316:10)
    at _callCircusTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:218:40)
    at processTicksAndRejections (node:internal/process/task_queues:94:5)
    at _runTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:155:3)
    at _runTestsForDescribeBlock (/work/web/cashtab/node_modules/jest-circus/build/run.js:66:9)
    at run (/work/web/cashtab/node_modules/jest-circus/build/run.js:25:3)
    at runAndTransformResultsToJestFormat (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:170:21)
    at jestAdapter (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:82:19)
    at runTestInternal (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:389:16)
    at runTest (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:475:34)
    at Object.worker (/work/web/cashtab/node_modules/jest-runner/build/testWorker.js:133:12)
====== CashTab Unit Tests:  Wallet with BCH balances and tokens and state field ======
Error: expect(received).toMatchSnapshot()

Snapshot name: `Wallet with BCH balances and tokens and state field 1`

- Snapshot  - 10
+ Received  + 10

@@ -1,43 +1,43 @@
  Array [
    <div
-     className="sc-ksYbfQ EFpnD"
+     className="sc-cJSrbW jPTFkt"
    >
      <h4
-       className="sc-gGBfsJ ZgQrz"
+       className="sc-bbmXgH cXxYjE"
      >
        MigrationTestAlpha
      </h4>
      <div
-       className="sc-frDJqD eedyCO"
+       className="sc-hmzhuo jGtnCu"
      >
        0.06
         
        XEC
      </div>
    </div>,
    <div
-     className="sc-kgAjT fyrqRY"
+     className="sc-TOsTZ ePGIdr"
    >
      <div
-       className="sc-jnlKLf loFZIX"
+       className="sc-gGBfsJ jUIZZs"
      >
        <button
-         className="sc-fYxtnH gnEKHM"
+         className="sc-jnlKLf izRvRI"
          onClick={[Function]}
        >
          Transactions
        </button>
        <button
-         className="sc-fYxtnH bYcRiT"
+         className="sc-jnlKLf lblEKN"
          onClick={[Function]}
        >
          eTokens
        </button>
      </div>
      <div
-       className="sc-tilXH gcpRYy"
+       className="sc-fYxtnH fiPSMX"
      >
        <div />
        <span
          aria-label="party emoji"
          role="img"
@@ -60,14 +60,14 @@
         
        XEC
         to send to others
      </div>
      <div
-       className="sc-tilXH boVOvg"
+       className="sc-fYxtnH hfLMVU"
      >
        <a
-         className="sc-kafWEX ekuTxS"
+         className="sc-cIShpX fxEPvd"
          href="/tokens"
          onClick={[Function]}
        >
          Create eToken
        </a>
    at Object.<anonymous> (/work/web/cashtab/src/components/Home/__tests__/Home.test.js:70:18)
    at Promise.then.completed (/work/web/cashtab/node_modules/jest-circus/build/utils.js:391:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/work/web/cashtab/node_modules/jest-circus/build/utils.js:316:10)
    at _callCircusTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:218:40)
    at processTicksAndRejections (node:internal/process/task_queues:94:5)
    at _runTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:155:3)
    at _runTestsForDescribeBlock (/work/web/cashtab/node_modules/jest-circus/build/run.js:66:9)
    at run (/work/web/cashtab/node_modules/jest-circus/build/run.js:25:3)
    at runAndTransformResultsToJestFormat (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:170:21)
    at jestAdapter (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:82:19)
    at runTestInternal (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:389:16)
    at runTest (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:475:34)
    at Object.worker (/work/web/cashtab/node_modules/jest-runner/build/testWorker.js:133:12)

Each failure log is accessible here:
CashTab Unit Tests: Wallet without BCH balance
CashTab Unit Tests: Wallet with BCH balances
CashTab Unit Tests: Wallet with BCH balances and tokens
CashTab Unit Tests: Wallet with BCH balances and tokens and state field

Failed tests logs:

====== CashTab Unit Tests:  Wallet without BCH balance ======
Error: expect(received).toMatchSnapshot()

Snapshot name: `Wallet without BCH balance 1`

- Snapshot  - 10
+ Received  + 10

@@ -1,43 +1,43 @@
  Array [
    <div
-     className="sc-ksYbfQ EFpnD"
+     className="sc-cJSrbW jPTFkt"
    >
      <h4
-       className="sc-gGBfsJ ZgQrz"
+       className="sc-bbmXgH cXxYjE"
      >
        MigrationTestAlpha
      </h4>
      <div
-       className="sc-frDJqD eedyCO"
+       className="sc-hmzhuo jGtnCu"
      >
        0
         
        XEC
      </div>
    </div>,
    <div
-     className="sc-kgAjT fyrqRY"
+     className="sc-TOsTZ ePGIdr"
    >
      <div
-       className="sc-jnlKLf loFZIX"
+       className="sc-gGBfsJ jUIZZs"
      >
        <button
-         className="sc-fYxtnH gnEKHM"
+         className="sc-jnlKLf izRvRI"
          onClick={[Function]}
        >
          Transactions
        </button>
        <button
-         className="sc-fYxtnH bYcRiT"
+         className="sc-jnlKLf lblEKN"
          onClick={[Function]}
        >
          eTokens
        </button>
      </div>
      <div
-       className="sc-tilXH gcpRYy"
+       className="sc-fYxtnH fiPSMX"
      >
        <div />
        <span
          aria-label="party emoji"
          role="img"
@@ -60,14 +60,14 @@
         
        XEC
         to send to others
      </div>
      <div
-       className="sc-tilXH boVOvg"
+       className="sc-fYxtnH hfLMVU"
      >
        <a
-         className="sc-kafWEX ekuTxS"
+         className="sc-cIShpX fxEPvd"
          href="/tokens"
          onClick={[Function]}
        >
          Create eToken
        </a>
    at Object.<anonymous> (/work/web/cashtab/src/components/Home/__tests__/Home.test.js:26:18)
    at Promise.then.completed (/work/web/cashtab/node_modules/jest-circus/build/utils.js:391:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/work/web/cashtab/node_modules/jest-circus/build/utils.js:316:10)
    at _callCircusTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:218:40)
    at processTicksAndRejections (node:internal/process/task_queues:94:5)
    at _runTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:155:3)
    at _runTestsForDescribeBlock (/work/web/cashtab/node_modules/jest-circus/build/run.js:66:9)
    at run (/work/web/cashtab/node_modules/jest-circus/build/run.js:25:3)
    at runAndTransformResultsToJestFormat (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:170:21)
    at jestAdapter (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:82:19)
    at runTestInternal (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:389:16)
    at runTest (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:475:34)
    at Object.worker (/work/web/cashtab/node_modules/jest-runner/build/testWorker.js:133:12)
====== CashTab Unit Tests:  Wallet with BCH balances ======
Error: expect(received).toMatchSnapshot()

Snapshot name: `Wallet with BCH balances 1`

- Snapshot  - 10
+ Received  + 10

@@ -1,43 +1,43 @@
  Array [
    <div
-     className="sc-ksYbfQ EFpnD"
+     className="sc-cJSrbW jPTFkt"
    >
      <h4
-       className="sc-gGBfsJ ZgQrz"
+       className="sc-bbmXgH cXxYjE"
      >
        MigrationTestAlpha
      </h4>
      <div
-       className="sc-frDJqD eedyCO"
+       className="sc-hmzhuo jGtnCu"
      >
        0
         
        XEC
      </div>
    </div>,
    <div
-     className="sc-kgAjT fyrqRY"
+     className="sc-TOsTZ ePGIdr"
    >
      <div
-       className="sc-jnlKLf loFZIX"
+       className="sc-gGBfsJ jUIZZs"
      >
        <button
-         className="sc-fYxtnH gnEKHM"
+         className="sc-jnlKLf izRvRI"
          onClick={[Function]}
        >
          Transactions
        </button>
        <button
-         className="sc-fYxtnH bYcRiT"
+         className="sc-jnlKLf lblEKN"
          onClick={[Function]}
        >
          eTokens
        </button>
      </div>
      <div
-       className="sc-tilXH gcpRYy"
+       className="sc-fYxtnH fiPSMX"
      >
        <div />
        <span
          aria-label="party emoji"
          role="img"
@@ -60,14 +60,14 @@
         
        XEC
         to send to others
      </div>
      <div
-       className="sc-tilXH boVOvg"
+       className="sc-fYxtnH hfLMVU"
      >
        <a
-         className="sc-kafWEX ekuTxS"
+         className="sc-cIShpX fxEPvd"
          href="/tokens"
          onClick={[Function]}
        >
          Create eToken
        </a>
    at Object.<anonymous> (/work/web/cashtab/src/components/Home/__tests__/Home.test.js:40:18)
    at Promise.then.completed (/work/web/cashtab/node_modules/jest-circus/build/utils.js:391:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/work/web/cashtab/node_modules/jest-circus/build/utils.js:316:10)
    at _callCircusTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:218:40)
    at processTicksAndRejections (node:internal/process/task_queues:94:5)
    at _runTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:155:3)
    at _runTestsForDescribeBlock (/work/web/cashtab/node_modules/jest-circus/build/run.js:66:9)
    at run (/work/web/cashtab/node_modules/jest-circus/build/run.js:25:3)
    at runAndTransformResultsToJestFormat (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:170:21)
    at jestAdapter (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:82:19)
    at runTestInternal (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:389:16)
    at runTest (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:475:34)
    at Object.worker (/work/web/cashtab/node_modules/jest-runner/build/testWorker.js:133:12)
====== CashTab Unit Tests:  Wallet with BCH balances and tokens ======
Error: expect(received).toMatchSnapshot()

Snapshot name: `Wallet with BCH balances and tokens 1`

- Snapshot  - 10
+ Received  + 10

@@ -1,43 +1,43 @@
  Array [
    <div
-     className="sc-ksYbfQ EFpnD"
+     className="sc-cJSrbW jPTFkt"
    >
      <h4
-       className="sc-gGBfsJ ZgQrz"
+       className="sc-bbmXgH cXxYjE"
      >
        MigrationTestAlpha
      </h4>
      <div
-       className="sc-frDJqD eedyCO"
+       className="sc-hmzhuo jGtnCu"
      >
        0
         
        XEC
      </div>
    </div>,
    <div
-     className="sc-kgAjT fyrqRY"
+     className="sc-TOsTZ ePGIdr"
    >
      <div
-       className="sc-jnlKLf loFZIX"
+       className="sc-gGBfsJ jUIZZs"
      >
        <button
-         className="sc-fYxtnH gnEKHM"
+         className="sc-jnlKLf izRvRI"
          onClick={[Function]}
        >
          Transactions
        </button>
        <button
-         className="sc-fYxtnH bYcRiT"
+         className="sc-jnlKLf lblEKN"
          onClick={[Function]}
        >
          eTokens
        </button>
      </div>
      <div
-       className="sc-tilXH gcpRYy"
+       className="sc-fYxtnH fiPSMX"
      >
        <div />
        <span
          aria-label="party emoji"
          role="img"
@@ -60,14 +60,14 @@
         
        XEC
         to send to others
      </div>
      <div
-       className="sc-tilXH boVOvg"
+       className="sc-fYxtnH hfLMVU"
      >
        <a
-         className="sc-kafWEX ekuTxS"
+         className="sc-cIShpX fxEPvd"
          href="/tokens"
          onClick={[Function]}
        >
          Create eToken
        </a>
    at Object.<anonymous> (/work/web/cashtab/src/components/Home/__tests__/Home.test.js:54:18)
    at Promise.then.completed (/work/web/cashtab/node_modules/jest-circus/build/utils.js:391:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/work/web/cashtab/node_modules/jest-circus/build/utils.js:316:10)
    at _callCircusTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:218:40)
    at processTicksAndRejections (node:internal/process/task_queues:94:5)
    at _runTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:155:3)
    at _runTestsForDescribeBlock (/work/web/cashtab/node_modules/jest-circus/build/run.js:66:9)
    at run (/work/web/cashtab/node_modules/jest-circus/build/run.js:25:3)
    at runAndTransformResultsToJestFormat (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:170:21)
    at jestAdapter (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:82:19)
    at runTestInternal (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:389:16)
    at runTest (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:475:34)
    at Object.worker (/work/web/cashtab/node_modules/jest-runner/build/testWorker.js:133:12)
====== CashTab Unit Tests:  Wallet with BCH balances and tokens and state field ======
Error: expect(received).toMatchSnapshot()

Snapshot name: `Wallet with BCH balances and tokens and state field 1`

- Snapshot  - 10
+ Received  + 10

@@ -1,43 +1,43 @@
  Array [
    <div
-     className="sc-ksYbfQ EFpnD"
+     className="sc-cJSrbW jPTFkt"
    >
      <h4
-       className="sc-gGBfsJ ZgQrz"
+       className="sc-bbmXgH cXxYjE"
      >
        MigrationTestAlpha
      </h4>
      <div
-       className="sc-frDJqD eedyCO"
+       className="sc-hmzhuo jGtnCu"
      >
        0.06
         
        XEC
      </div>
    </div>,
    <div
-     className="sc-kgAjT fyrqRY"
+     className="sc-TOsTZ ePGIdr"
    >
      <div
-       className="sc-jnlKLf loFZIX"
+       className="sc-gGBfsJ jUIZZs"
      >
        <button
-         className="sc-fYxtnH gnEKHM"
+         className="sc-jnlKLf izRvRI"
          onClick={[Function]}
        >
          Transactions
        </button>
        <button
-         className="sc-fYxtnH bYcRiT"
+         className="sc-jnlKLf lblEKN"
          onClick={[Function]}
        >
          eTokens
        </button>
      </div>
      <div
-       className="sc-tilXH gcpRYy"
+       className="sc-fYxtnH fiPSMX"
      >
        <div />
        <span
          aria-label="party emoji"
          role="img"
@@ -60,14 +60,14 @@
         
        XEC
         to send to others
      </div>
      <div
-       className="sc-tilXH boVOvg"
+       className="sc-fYxtnH hfLMVU"
      >
        <a
-         className="sc-kafWEX ekuTxS"
+         className="sc-cIShpX fxEPvd"
          href="/tokens"
          onClick={[Function]}
        >
          Create eToken
        </a>
    at Object.<anonymous> (/work/web/cashtab/src/components/Home/__tests__/Home.test.js:70:18)
    at Promise.then.completed (/work/web/cashtab/node_modules/jest-circus/build/utils.js:391:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/work/web/cashtab/node_modules/jest-circus/build/utils.js:316:10)
    at _callCircusTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:218:40)
    at processTicksAndRejections (node:internal/process/task_queues:94:5)
    at _runTest (/work/web/cashtab/node_modules/jest-circus/build/run.js:155:3)
    at _runTestsForDescribeBlock (/work/web/cashtab/node_modules/jest-circus/build/run.js:66:9)
    at run (/work/web/cashtab/node_modules/jest-circus/build/run.js:25:3)
    at runAndTransformResultsToJestFormat (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:170:21)
    at jestAdapter (/work/web/cashtab/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:82:19)
    at runTestInternal (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:389:16)
    at runTest (/work/web/cashtab/node_modules/jest-runner/build/runTest.js:475:34)
    at Object.worker (/work/web/cashtab/node_modules/jest-runner/build/testWorker.js:133:12)

Each failure log is accessible here:
CashTab Unit Tests: Wallet without BCH balance
CashTab Unit Tests: Wallet with BCH balances
CashTab Unit Tests: Wallet with BCH balances and tokens
CashTab Unit Tests: Wallet with BCH balances and tokens and state field

rebased + updated snapshots

    • Remove tooltips; they can't be seen on mobile
  • Keep original font size and spacing, it looks too crowded otherwise
  • Remove the word "Copy" from Copy Msg and Copy Tx ID
  • Replace "Tx ID" with "txid"
  • "Receipt" instead of "Tx Receipt"

See what that looks like

web/cashtab/src/components/Home/Tx.js
324 ↗(On Diff #33596)

This "works"

However, we only see this width on mobile devices -- where the tooltip is useless.

This revision now requires changes to proceed.May 19 2022, 20:22

Removed tooltips, reverted to original font-size and spacing, and altered written copy to match request. With these changes, the content was still being cut off when the screen was mobile sized, so flex-wrap was added to make the content wrap when the screen-width is less than 500px.

Get a React error in console when expanding a tx to see icons. Avoid using duplicate keys:

image.png (246×563 px, 52 KB)

web/cashtab/src/components/Home/Tx.js
745

The txid is a unique key, but is already being used for the block explorer link.

Use something like key={${data.txid}_receipt`}`

This revision now requires changes to proceed.May 25 2022, 18:58

Changed key for receipt's TxLink per review feedback.

This revision is now accepted and ready to land.May 26 2022, 23:06