Redesign Account History #1785

CassioMG · 2025-01-14T02:07:31Z

Closes #1542

Moved from #1737

This PR redesigns the Account History screen on both the main History tab and the individual asset History.

Navigating on main History tab

Screen.Recording.2024-12-12.at.17.29.40.mov

Navigating on each asset History

Screen.Recording.2024-12-12.at.17.09.28.mov

# Conflicts: # extension/src/popup/components/accountHistory/HistoryItem/styles.scss

…tail components

# Conflicts: # extension/src/popup/components/accountHistory/HistoryItem/index.tsx

… headers

Is not adding much value currently

CassioMG · 2025-01-15T00:25:39Z

extension/src/popup/components/account/AccountAssets/index.tsx

@@ -285,7 +281,7 @@ export const AccountAssets = ({
            </div>
            <div className="AccountAssets__copy-right">
              <div className="asset-amount" data-testid="asset-amount">
-                {formatAmount(amountVal)} <span>{amountUnit}</span>
+                {formatAmount(amountVal)}


This commit drops the ticker as suggested by @JakeUrban here:

The "N/A" label has also been removed on this older commit here.

CassioMG · 2025-01-15T00:31:41Z

Commits d23ff4c and 2a23b7a fixes the Soroban mint and transfer invocations UI as highlighted by @piyalbasu here:

The "Create Contract" invocation is not currently handled by Freighter and should be tackled in a separate PR. So for now any "Create Contract" invocation will appear as "Invoke Host Function" on the UI as it is shown on the second screen shot above (Jan 03). This is the GH issue to tackle the "Create Contract" invocation: https://github.com/orgs/stellar/projects/58/views/1?pane=issue&itemId=93756053

piyalbasu · 2025-01-15T17:16:05Z

extension/src/popup/components/account/AssetDetail/styles.scss

+  &__list {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;


NIT: would you mind using pxToRem here? It'd be great to start using that for all new styles in the repo. I'm hoping that helps us make sure our styles stay true to the Figma design by removing the extra step of converting to rem

will do, thanks for reviewing!

piyalbasu · 2025-01-15T17:17:39Z

extension/src/popup/components/accountHistory/HistoryItem/styles.scss

+      z-index: 1;
+      height: 1.5rem;
+      width: 1.5rem;
+      border-radius: 1.5rem;


same comment as above about pxToRem. I'm thinking we can chip away at replacing all rem with pxToRem over time

aristidesstaffieri · 2025-01-15T17:56:54Z

extension/src/popup/views/AccountHistory/index.tsx

+            operation.type ===
+              Horizon.HorizonApi.OperationResponseType.createAccount &&
+            operation.account !== publicKey;
+          const isDustPayment =


wdyt about pulling isDustPayment into a helper?

* Remove leftovers * Move stellarExpertUrl to inside HistoryItem * Display amounts using Badge component * Date font size and color # Conflicts: # extension/src/popup/components/accountHistory/HistoryItem/styles.scss * Make formatted amount label consistent between History item and Tx detail components * Fix isRecieving => isReceiving typo * Redesign "payment" row * Redesign "swap" payment * Use SVG for history icons * Swapped label * Use SDS Icon components * format * Remove history segments * Use Text SDS component + refactor some styling * Renaming * Swap icons with placeholders * center swap icons * Icons for soroban operations * Remove a few spaces to keep consistency * Don't show small icon for generic transactions * Handle CreateAccount and ChangeTrust operations # Conflicts: # extension/src/popup/components/accountHistory/HistoryItem/index.tsx * Separate history in month sections + use SDS Text component to render headers * clean up * Displays actual month name * getHistoryState => historyState renaming * Delete HistoryList component Is not adding much value currently * Use AppHeader component * Tweak section margin * tweak bottom margin * Use index to get last section instead of mutating the array * Use more descriptive names to color classes * Remove Account ternaries * Leave amount field blank instead of displaying "N/A" label * Use "tertiary" variant for Send and Swap buttons # Conflicts: # extension/src/popup/components/account/AssetDetail/index.tsx * Reduce Badge max width * Add translations * Fix test id * Add key to list item * Drop ticker on balances view * Fix tests * Prevent null pointer when attrs is null * Fix icon for mint and transfer invocations * Fix "false" appearing as amount sign * Fix tests * Extract isDustPayment to a helper * Display stellar logo for XLM transfer invocations * Use pxToRem * Use pxToRem * Use pxToRem

* Redesign Account History (#1785) * Remove leftovers * Move stellarExpertUrl to inside HistoryItem * Display amounts using Badge component * Date font size and color # Conflicts: # extension/src/popup/components/accountHistory/HistoryItem/styles.scss * Make formatted amount label consistent between History item and Tx detail components * Fix isRecieving => isReceiving typo * Redesign "payment" row * Redesign "swap" payment * Use SVG for history icons * Swapped label * Use SDS Icon components * format * Remove history segments * Use Text SDS component + refactor some styling * Renaming * Swap icons with placeholders * center swap icons * Icons for soroban operations * Remove a few spaces to keep consistency * Don't show small icon for generic transactions * Handle CreateAccount and ChangeTrust operations # Conflicts: # extension/src/popup/components/accountHistory/HistoryItem/index.tsx * Separate history in month sections + use SDS Text component to render headers * clean up * Displays actual month name * getHistoryState => historyState renaming * Delete HistoryList component Is not adding much value currently * Use AppHeader component * Tweak section margin * tweak bottom margin * Use index to get last section instead of mutating the array * Use more descriptive names to color classes * Remove Account ternaries * Leave amount field blank instead of displaying "N/A" label * Use "tertiary" variant for Send and Swap buttons # Conflicts: # extension/src/popup/components/account/AssetDetail/index.tsx * Reduce Badge max width * Add translations * Fix test id * Add key to list item * Drop ticker on balances view * Fix tests * Prevent null pointer when attrs is null * Fix icon for mint and transfer invocations * Fix "false" appearing as amount sign * Fix tests * Extract isDustPayment to a helper * Display stellar logo for XLM transfer invocations * Use pxToRem * Use pxToRem * Use pxToRem * adding blockaid byline and feedback form (#1767) * Bump @stellar/design-system in /extension (#1729) Bumps [@stellar/design-system](https://github.com/stellar/stellar-design-system) from 2.0.0-beta.15 to 2.0.0-beta.17. - [Release notes](https://github.com/stellar/stellar-design-system/releases) - [Commits](https://github.com/stellar/stellar-design-system/commits) --- updated-dependencies: - dependency-name: "@stellar/design-system" dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * adding blockaid byline and feedback form * fix tests * Added translations --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * “Add Token” via freighter-api (#1815) * First cut on data flow * Fix lint warnings * Clean up * Only enable button if asset found * If there is an asset, display it right away * Add missing network param * Guard against missing contract id * Make sure popup is always closed * Use publicKeySelector instead * No need for backwards compatibility on new method * Default to tx's network passphrase * Return contractId on success * Default to Mainnet passphrase * Add tests * Use Type definition for input and output * Disable rule only on necessary spots * Let optional params be optional * First cut on UI * only display info when it exists * Display token image when available * Display "Asset on your lists" notification * Fetch asset name from TOML * Prevent infinity spinner * Fetch and display balance * Display error if id not valid * Add/update docs * Missing addToken documentation * Missing getNetworkDetails documentation * "Simulated Balance Changes" => "Balance Info" * Fetch token balance using freighter-backend instead of soroban rpc * Fix/replace alert (#1847) * reusing an existing notification style to redesign the blockaid Alert notification * make sure warnings match case and fix row gap * update testid --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: Cássio Marcos Goulart <3228151+CassioMG@users.noreply.github.com> Co-authored-by: Piyal Basu <pbasu235@gmail.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Redesign Account History (#1785) * Remove leftovers * Move stellarExpertUrl to inside HistoryItem * Display amounts using Badge component * Date font size and color * Make formatted amount label consistent between History item and Tx detail components * Fix isRecieving => isReceiving typo * Redesign "payment" row * Redesign "swap" payment * Use SVG for history icons * Swapped label * Use SDS Icon components * format * Remove history segments * Use Text SDS component + refactor some styling * Renaming * Swap icons with placeholders * center swap icons * Icons for soroban operations * Remove a few spaces to keep consistency * Don't show small icon for generic transactions * Handle CreateAccount and ChangeTrust operations * Separate history in month sections + use SDS Text component to render headers * clean up * Displays actual month name * getHistoryState => historyState renaming * Delete HistoryList component Is not adding much value currently * Use AppHeader component * Tweak section margin * tweak bottom margin * Use index to get last section instead of mutating the array * Use more descriptive names to color classes * Remove Account ternaries * Leave amount field blank instead of displaying "N/A" label * Use "tertiary" variant for Send and Swap buttons * Reduce Badge max width * Add translations * Fix test id * Add key to list item * Drop ticker on balances view * Fix tests * Prevent null pointer when attrs is null * Fix icon for mint and transfer invocations * Fix "false" appearing as amount sign * Fix tests * Extract isDustPayment to a helper * Display stellar logo for XLM transfer invocations * Use pxToRem * Use pxToRem * Use pxToRem * adding blockaid byline and feedback form (#1767) * Bump @stellar/design-system in /extension (#1729) Bumps [@stellar/design-system](https://github.com/stellar/stellar-design-system) from 2.0.0-beta.15 to 2.0.0-beta.17. - [Release notes](https://github.com/stellar/stellar-design-system/releases) - [Commits](https://github.com/stellar/stellar-design-system/commits) --- updated-dependencies: - dependency-name: "@stellar/design-system" dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * adding blockaid byline and feedback form * fix tests * Added translations --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * “Add Token” via freighter-api (#1815) * First cut on data flow * Fix lint warnings * Clean up * Only enable button if asset found * If there is an asset, display it right away * Add missing network param * Guard against missing contract id * Make sure popup is always closed * Use publicKeySelector instead * No need for backwards compatibility on new method * Default to tx's network passphrase * Return contractId on success * Default to Mainnet passphrase * Add tests * Use Type definition for input and output * Disable rule only on necessary spots * Let optional params be optional * First cut on UI * only display info when it exists * Display token image when available * Display "Asset on your lists" notification * Fetch asset name from TOML * Prevent infinity spinner * Fetch and display balance * Display error if id not valid * Add/update docs * Missing addToken documentation * Missing getNetworkDetails documentation * "Simulated Balance Changes" => "Balance Info" * Fetch token balance using freighter-backend instead of soroban rpc * Fix/replace alert (#1847) * reusing an existing notification style to redesign the blockaid Alert notification * make sure warnings match case and fix row gap * update testid --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: Cássio Marcos Goulart <3228151+CassioMG@users.noreply.github.com> Co-authored-by: Piyal Basu <pbasu235@gmail.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump the major group across 5 directories with 83 updates --- updated-dependencies: - dependency-name: "@testing-library/dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@testing-library/jest-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/testing-library__jest-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@typescript-eslint/eslint-plugin" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@typescript-eslint/parser" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: eslint dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: eslint-config-prettier dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: eslint-import-resolver-typescript dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: eslint-plugin-flowtype dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: eslint-plugin-react-hooks dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: glob dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: got dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: husky dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: isomorphic-unfetch dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: jest dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/jest" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: jsdom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: lint-staged dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: prettier dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: pretty-quick dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: typescript dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: webpack-cli dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: webpack-merge dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@lavamoat/allow-scripts" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: "@lavamoat/preinstall-always-fail" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: eslint-plugin-jsdoc dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: clsx dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-dom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-is dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: styled-components dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@reduxjs/toolkit" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@testing-library/react" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@testing-library/user-event" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/jsdom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/node" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react-copy-to-clipboard" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/testing-library__jest-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: concurrently dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: history dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/history" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: i18next dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: i18next-browser-languagedetector dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: jest-environment-jsdom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: qrcode.react dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-i18next dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-redux dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-router-dom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: redux dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: sass-loader dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: ses dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@sentry/webpack-plugin" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: "@stellar/prettier-config" dependency-type: direct:development dependency-group: major - dependency-name: prettier dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: typescript dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@lavamoat/allow-scripts" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: "@stellar/js-xdr" dependency-type: direct:production dependency-group: major - dependency-name: bignumber.js dependency-type: direct:production dependency-group: major - dependency-name: "@stellar/prettier-config" dependency-type: direct:development dependency-group: major - dependency-name: typescript dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: bignumber.js dependency-type: direct:production dependency-group: major - dependency-name: "@lavamoat/allow-scripts" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: prettier dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: pretty-quick dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@lavamoat/allow-scripts" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: bignumber.js dependency-type: direct:production dependency-group: major - dependency-name: react dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-dom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@ledgerhq/hw-app-str" dependency-type: direct:production dependency-group: major - dependency-name: "@ledgerhq/hw-transport-webusb" dependency-type: direct:production dependency-group: major - dependency-name: "@reduxjs/toolkit" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@sentry/browser" dependency-type: direct:production dependency-group: major - dependency-name: "@stellar/typescript-wallet-sdk-km" dependency-type: direct:production dependency-group: major - dependency-name: "@testing-library/react" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@testing-library/user-event" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/history" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/jsdom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/lodash" dependency-type: direct:production dependency-group: major - dependency-name: "@types/node" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/qrcode.react" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react-copy-to-clipboard" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react-redux" dependency-type: direct:production dependency-group: major - dependency-name: "@types/react-router-dom" dependency-type: direct:production dependency-group: major - dependency-name: "@types/testing-library__jest-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: concurrently dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: dotenv-webpack dependency-type: direct:production dependency-group: major - dependency-name: formik dependency-type: direct:production dependency-group: major - dependency-name: history dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: html-loader dependency-type: direct:production dependency-group: major - dependency-name: html-webpack-plugin dependency-type: direct:production dependency-group: major - dependency-name: i18next dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: i18next-browser-languagedetector dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: i18next-resources-to-backend dependency-type: direct:production dependency-group: major - dependency-name: jest-canvas-mock dependency-type: direct:production dependency-group: major - dependency-name: jest-environment-jsdom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: jsonschema dependency-type: direct:production dependency-group: major - dependency-name: lodash dependency-type: direct:production dependency-group: major - dependency-name: mini-css-extract-plugin dependency-type: direct:production dependency-group: major - dependency-name: prop-types dependency-type: direct:production dependency-group: major - dependency-name: punycode dependency-type: direct:production dependency-group: major - dependency-name: qrcode.react dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-copy-to-clipboard dependency-type: direct:production dependency-group: major - dependency-name: react-i18next dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-redux dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-router-dom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: redux dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: sass dependency-type: direct:production dependency-group: major - dependency-name: sass-loader dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: semver dependency-type: direct:production dependency-group: major - dependency-name: ses dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: tsconfig-paths-webpack-plugin dependency-type: direct:production dependency-group: major - dependency-name: yup dependency-type: direct:production dependency-group: major - dependency-name: "@sentry/webpack-plugin" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/semver" dependency-type: direct:development dependency-group: major - dependency-name: terser-webpack-plugin dependency-type: direct:development dependency-group: major - dependency-name: thread-loader dependency-type: direct:development dependency-group: major ... Signed-off-by: dependabot[bot] <support@github.com> * upgrades all syntax for breaking changes * updates test harness and syntax for new major versions, updates Router patterns to work in v7 * migrate navigateTo to use v7 API, fix tests for send payment * updates account tests for new router model * updates account creator tests for new router model * updates account history tests for new router model * updates grant access tests for new router model * updates manage assets tests for new router model * updates mnemonic phrase tests for new router model * updates review auth tests for new router model * updates send token payment tests for new router model * updates sign tx tests for new router model * updates swap tests for new router model * updates swap unfunded tests for new router model * updates operation keyval tests for new router model * catches up e2e tests to upstream changes * bumps node version in CI to 22 * cleans up imports in ManageAssets test, adds jest dom types to API ts config * temporarily dont fail on eslint failure * fixes routing logic for nested routes * disable eslint - temporary * fixes nested routing path handling for router v7, disables tests that rely on nested routing * updates test ID reference in e2e payment tests * bumps docs node engine to >=22 * trigger build to retry docs preview * bumps node version in npm rc for docs * restores swap index route * properly handle second level nested routed for settings * adds getPathFromRoute to clean up sub routing changes * upgrades all actions to use node version 22 * removes stray comment from refactor * redo eslint, prettier, ts configs to be compatible with new major versions * release/5.27.2 (#1827) (#1828) * Feature/memory security improvement 5.27.2 (#1827) * add temporary store extra data * add tests for switching accounts * reset session length * upgrade jest and add unit tests * rm unused selectors * fix sendpayment test * rm npm package and add unit tests * add better error handling and Sentry capture * rm console.log * make sure to login before adding new stellar address * add a test for imported S key payment * Fix/import acct when timed out (#1832) * make sure to login to all accounts before importing by private key if session has timed out * update comment * login before showing mnemonic phrase (#1834) * login before showing mnemonic phrase * add more Sentry error capture * bump versions to 5.27.2 (#1837) * Release 5.28.0 (#1798) * Redesign Account History (#1785) * Remove leftovers * Move stellarExpertUrl to inside HistoryItem * Display amounts using Badge component * Date font size and color * Make formatted amount label consistent between History item and Tx detail components * Fix isRecieving => isReceiving typo * Redesign "payment" row * Redesign "swap" payment * Use SVG for history icons * Swapped label * Use SDS Icon components * format * Remove history segments * Use Text SDS component + refactor some styling * Renaming * Swap icons with placeholders * center swap icons * Icons for soroban operations * Remove a few spaces to keep consistency * Don't show small icon for generic transactions * Handle CreateAccount and ChangeTrust operations * Separate history in month sections + use SDS Text component to render headers * clean up * Displays actual month name * getHistoryState => historyState renaming * Delete HistoryList component Is not adding much value currently * Use AppHeader component * Tweak section margin * tweak bottom margin * Use index to get last section instead of mutating the array * Use more descriptive names to color classes * Remove Account ternaries * Leave amount field blank instead of displaying "N/A" label * Use "tertiary" variant for Send and Swap buttons * Reduce Badge max width * Add translations * Fix test id * Add key to list item * Drop ticker on balances view * Fix tests * Prevent null pointer when attrs is null * Fix icon for mint and transfer invocations * Fix "false" appearing as amount sign * Fix tests * Extract isDustPayment to a helper * Display stellar logo for XLM transfer invocations * Use pxToRem * Use pxToRem * Use pxToRem * adding blockaid byline and feedback form (#1767) * Bump @stellar/design-system in /extension (#1729) Bumps [@stellar/design-system](https://github.com/stellar/stellar-design-system) from 2.0.0-beta.15 to 2.0.0-beta.17. - [Release notes](https://github.com/stellar/stellar-design-system/releases) - [Commits](https://github.com/stellar/stellar-design-system/commits) --- updated-dependencies: - dependency-name: "@stellar/design-system" dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * adding blockaid byline and feedback form * fix tests * Added translations --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * “Add Token” via freighter-api (#1815) * First cut on data flow * Fix lint warnings * Clean up * Only enable button if asset found * If there is an asset, display it right away * Add missing network param * Guard against missing contract id * Make sure popup is always closed * Use publicKeySelector instead * No need for backwards compatibility on new method * Default to tx's network passphrase * Return contractId on success * Default to Mainnet passphrase * Add tests * Use Type definition for input and output * Disable rule only on necessary spots * Let optional params be optional * First cut on UI * only display info when it exists * Display token image when available * Display "Asset on your lists" notification * Fetch asset name from TOML * Prevent infinity spinner * Fetch and display balance * Display error if id not valid * Add/update docs * Missing addToken documentation * Missing getNetworkDetails documentation * "Simulated Balance Changes" => "Balance Info" * Fetch token balance using freighter-backend instead of soroban rpc * Fix/replace alert (#1847) * reusing an existing notification style to redesign the blockaid Alert notification * make sure warnings match case and fix row gap * update testid --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: Cássio Marcos Goulart <3228151+CassioMG@users.noreply.github.com> Co-authored-by: Piyal Basu <pbasu235@gmail.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Bump versions to 5.28.0 (#1862) * docs(): bumping release to 5.28.0 * trigger CI --------- Co-authored-by: GitHub Action <action@github.com> Co-authored-by: Aristides Staffieri <aristides.staffieri@stellar.org> * Bump @stellar/freighter-api version to (#1864) * @stellar/freighter-api: bumping version to 3.1.0 * [create-pull-request] automated change * trigger CI --------- Co-authored-by: GitHub Action <action@github.com> Co-authored-by: aristidesstaffieri <6886006+aristidesstaffieri@users.noreply.github.com> Co-authored-by: Aristides Staffieri <aristides.staffieri@stellar.org> --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Piyal Basu <pbasu235@gmail.com> Co-authored-by: Cássio Marcos Goulart <3228151+CassioMG@users.noreply.github.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: GitHub Action <action@github.com> Co-authored-by: aristidesstaffieri <6886006+aristidesstaffieri@users.noreply.github.com>

* [CHORE] Core dependency upgrade (#1865) * Bump the major group across 5 directories with 83 updates --- updated-dependencies: - dependency-name: "@testing-library/dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@testing-library/jest-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/testing-library__jest-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@typescript-eslint/eslint-plugin" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@typescript-eslint/parser" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: eslint dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: eslint-config-prettier dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: eslint-import-resolver-typescript dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: eslint-plugin-flowtype dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: eslint-plugin-react-hooks dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: glob dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: got dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: husky dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: isomorphic-unfetch dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: jest dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/jest" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: jsdom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: lint-staged dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: prettier dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: pretty-quick dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: typescript dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: webpack-cli dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: webpack-merge dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@lavamoat/allow-scripts" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: "@lavamoat/preinstall-always-fail" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: eslint-plugin-jsdoc dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: clsx dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-dom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-is dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: styled-components dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@reduxjs/toolkit" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@testing-library/react" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@testing-library/user-event" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/jsdom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/node" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react-copy-to-clipboard" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/testing-library__jest-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: concurrently dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: history dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/history" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: i18next dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: i18next-browser-languagedetector dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: jest-environment-jsdom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: qrcode.react dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-i18next dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-redux dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-router-dom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: redux dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: sass-loader dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: ses dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@sentry/webpack-plugin" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: "@stellar/prettier-config" dependency-type: direct:development dependency-group: major - dependency-name: prettier dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: typescript dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@lavamoat/allow-scripts" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: "@stellar/js-xdr" dependency-type: direct:production dependency-group: major - dependency-name: bignumber.js dependency-type: direct:production dependency-group: major - dependency-name: "@stellar/prettier-config" dependency-type: direct:development dependency-group: major - dependency-name: typescript dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: bignumber.js dependency-type: direct:production dependency-group: major - dependency-name: "@lavamoat/allow-scripts" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: prettier dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: pretty-quick dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@lavamoat/allow-scripts" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: bignumber.js dependency-type: direct:production dependency-group: major - dependency-name: react dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-dom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@ledgerhq/hw-app-str" dependency-type: direct:production dependency-group: major - dependency-name: "@ledgerhq/hw-transport-webusb" dependency-type: direct:production dependency-group: major - dependency-name: "@reduxjs/toolkit" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@sentry/browser" dependency-type: direct:production dependency-group: major - dependency-name: "@stellar/typescript-wallet-sdk-km" dependency-type: direct:production dependency-group: major - dependency-name: "@testing-library/react" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@testing-library/user-event" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/history" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/jsdom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/lodash" dependency-type: direct:production dependency-group: major - dependency-name: "@types/node" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/qrcode.react" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react-copy-to-clipboard" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/react-redux" dependency-type: direct:production dependency-group: major - dependency-name: "@types/react-router-dom" dependency-type: direct:production dependency-group: major - dependency-name: "@types/testing-library__jest-dom" dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: concurrently dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: dotenv-webpack dependency-type: direct:production dependency-group: major - dependency-name: formik dependency-type: direct:production dependency-group: major - dependency-name: history dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: html-loader dependency-type: direct:production dependency-group: major - dependency-name: html-webpack-plugin dependency-type: direct:production dependency-group: major - dependency-name: i18next dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: i18next-browser-languagedetector dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: i18next-resources-to-backend dependency-type: direct:production dependency-group: major - dependency-name: jest-canvas-mock dependency-type: direct:production dependency-group: major - dependency-name: jest-environment-jsdom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: jsonschema dependency-type: direct:production dependency-group: major - dependency-name: lodash dependency-type: direct:production dependency-group: major - dependency-name: mini-css-extract-plugin dependency-type: direct:production dependency-group: major - dependency-name: prop-types dependency-type: direct:production dependency-group: major - dependency-name: punycode dependency-type: direct:production dependency-group: major - dependency-name: qrcode.react dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-copy-to-clipboard dependency-type: direct:production dependency-group: major - dependency-name: react-i18next dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-redux dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: react-router-dom dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: redux dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: sass dependency-type: direct:production dependency-group: major - dependency-name: sass-loader dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: semver dependency-type: direct:production dependency-group: major - dependency-name: ses dependency-type: direct:production update-type: version-update:semver-major dependency-group: major - dependency-name: tsconfig-paths-webpack-plugin dependency-type: direct:production dependency-group: major - dependency-name: yup dependency-type: direct:production dependency-group: major - dependency-name: "@sentry/webpack-plugin" dependency-type: direct:development update-type: version-update:semver-major dependency-group: major - dependency-name: "@types/semver" dependency-type: direct:development dependency-group: major - dependency-name: terser-webpack-plugin dependency-type: direct:development dependency-group: major - dependency-name: thread-loader dependency-type: direct:development dependency-group: major ... Signed-off-by: dependabot[bot] <support@github.com> * upgrades all syntax for breaking changes * updates test harness and syntax for new major versions, updates Router patterns to work in v7 * migrate navigateTo to use v7 API, fix tests for send payment * updates account tests for new router model * updates account creator tests for new router model * updates account history tests for new router model * updates grant access tests for new router model * updates manage assets tests for new router model * updates mnemonic phrase tests for new router model * updates review auth tests for new router model * updates send token payment tests for new router model * updates sign tx tests for new router model * updates swap tests for new router model * updates swap unfunded tests for new router model * updates operation keyval tests for new router model * catches up e2e tests to upstream changes * bumps node version in CI to 22 * cleans up imports in ManageAssets test, adds jest dom types to API ts config * temporarily dont fail on eslint failure * fixes routing logic for nested routes * disable eslint - temporary * fixes nested routing path handling for router v7, disables tests that rely on nested routing * updates test ID reference in e2e payment tests * bumps docs node engine to >=22 * trigger build to retry docs preview * bumps node version in npm rc for docs * restores swap index route * properly handle second level nested routed for settings * adds getPathFromRoute to clean up sub routing changes * upgrades all actions to use node version 22 * removes stray comment from refactor * redo eslint, prettier, ts configs to be compatible with new major versions * release/5.27.2 (#1827) (#1828) * Feature/memory security improvement 5.27.2 (#1827) * add temporary store extra data * add tests for switching accounts * reset session length * upgrade jest and add unit tests * rm unused selectors * fix sendpayment test * rm npm package and add unit tests * add better error handling and Sentry capture * rm console.log * make sure to login before adding new stellar address * add a test for imported S key payment * Fix/import acct when timed out (#1832) * make sure to login to all accounts before importing by private key if session has timed out * update comment * login before showing mnemonic phrase (#1834) * login before showing mnemonic phrase * add more Sentry error capture * bump versions to 5.27.2 (#1837) * Release 5.28.0 (#1798) * Redesign Account History (#1785) * Remove leftovers * Move stellarExpertUrl to inside HistoryItem * Display amounts using Badge component * Date font size and color * Make formatted amount label consistent between History item and Tx detail components * Fix isRecieving => isReceiving typo * Redesign "payment" row * Redesign "swap" payment * Use SVG for history icons * Swapped label * Use SDS Icon components * format * Remove history segments * Use Text SDS component + refactor some styling * Renaming * Swap icons with placeholders * center swap icons * Icons for soroban operations * Remove a few spaces to keep consistency * Don't show small icon for generic transactions * Handle CreateAccount and ChangeTrust operations * Separate history in month sections + use SDS Text component to render headers * clean up * Displays actual month name * getHistoryState => historyState renaming * Delete HistoryList component Is not adding much value currently * Use AppHeader component * Tweak section margin * tweak bottom margin * Use index to get last section instead of mutating the array * Use more descriptive names to color classes * Remove Account ternaries * Leave amount field blank instead of displaying "N/A" label * Use "tertiary" variant for Send and Swap buttons * Reduce Badge max width * Add translations * Fix test id * Add key to list item * Drop ticker on balances view * Fix tests * Prevent null pointer when attrs is null * Fix icon for mint and transfer invocations * Fix "false" appearing as amount sign * Fix tests * Extract isDustPayment to a helper * Display stellar logo for XLM transfer invocations * Use pxToRem * Use pxToRem * Use pxToRem * adding blockaid byline and feedback form (#1767) * Bump @stellar/design-system in /extension (#1729) Bumps [@stellar/design-system](https://github.com/stellar/stellar-design-system) from 2.0.0-beta.15 to 2.0.0-beta.17. - [Release notes](https://github.com/stellar/stellar-design-system/releases) - [Commits](https://github.com/stellar/stellar-design-system/commits) --- updated-dependencies: - dependency-name: "@stellar/design-system" dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * adding blockaid byline and feedback form * fix tests * Added translations --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * “Add Token” via freighter-api (#1815) * First cut on data flow * Fix lint warnings * Clean up * Only enable button if asset found * If there is an asset, display it right away * Add missing network param * Guard against missing contract id * Make sure popup is always closed * Use publicKeySelector instead * No need for backwards compatibility on new method * Default to tx's network passphrase * Return contractId on success * Default to Mainnet passphrase * Add tests * Use Type definition for input and output * Disable rule only on necessary spots * Let optional params be optional * First cut on UI * only display info when it exists * Display token image when available * Display "Asset on your lists" notification * Fetch asset name from TOML * Prevent infinity spinner * Fetch and display balance * Display error if id not valid * Add/update docs * Missing addToken documentation * Missing getNetworkDetails documentation * "Simulated Balance Changes" => "Balance Info" * Fetch token balance using freighter-backend instead of soroban rpc * Fix/replace alert (#1847) * reusing an existing notification style to redesign the blockaid Alert notification * make sure warnings match case and fix row gap * update testid --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: Cássio Marcos Goulart <3228151+CassioMG@users.noreply.github.com> Co-authored-by: Piyal Basu <pbasu235@gmail.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Bump versions to 5.28.0 (#1862) * docs(): bumping release to 5.28.0 * trigger CI --------- Co-authored-by: GitHub Action <action@github.com> Co-authored-by: Aristides Staffieri <aristides.staffieri@stellar.org> * Bump @stellar/freighter-api version to (#1864) * @stellar/freighter-api: bumping version to 3.1.0 * [create-pull-request] automated change * trigger CI --------- Co-authored-by: GitHub Action <action@github.com> Co-authored-by: aristidesstaffieri <6886006+aristidesstaffieri@users.noreply.github.com> Co-authored-by: Aristides Staffieri <aristides.staffieri@stellar.org> --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Piyal Basu <pbasu235@gmail.com> Co-authored-by: Cássio Marcos Goulart <3228151+CassioMG@users.noreply.github.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: GitHub Action <action@github.com> Co-authored-by: aristidesstaffieri <6886006+aristidesstaffieri@users.noreply.github.com> * fixes typo in asset list sub route (#1873) --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Piyal Basu <pbasu235@gmail.com> Co-authored-by: Cássio Marcos Goulart <3228151+CassioMG@users.noreply.github.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: GitHub Action <action@github.com> Co-authored-by: aristidesstaffieri <6886006+aristidesstaffieri@users.noreply.github.com>

* Remove leftovers * Move stellarExpertUrl to inside HistoryItem * Display amounts using Badge component * Date font size and color * Make formatted amount label consistent between History item and Tx detail components * Fix isRecieving => isReceiving typo * Redesign "payment" row * Redesign "swap" payment * Use SVG for history icons * Swapped label * Use SDS Icon components * format * Remove history segments * Use Text SDS component + refactor some styling * Renaming * Swap icons with placeholders * center swap icons * Icons for soroban operations * Remove a few spaces to keep consistency * Don't show small icon for generic transactions * Handle CreateAccount and ChangeTrust operations * Separate history in month sections + use SDS Text component to render headers * clean up * Displays actual month name * getHistoryState => historyState renaming * Delete HistoryList component Is not adding much value currently * Use AppHeader component * Tweak section margin * tweak bottom margin * Use index to get last section instead of mutating the array * Use more descriptive names to color classes * Remove Account ternaries * Leave amount field blank instead of displaying "N/A" label * Use "tertiary" variant for Send and Swap buttons * Reduce Badge max width * Add translations * Fix test id * Add key to list item * Drop ticker on balances view * Fix tests * Prevent null pointer when attrs is null * Fix icon for mint and transfer invocations * Fix "false" appearing as amount sign * Fix tests * Extract isDustPayment to a helper * Display stellar logo for XLM transfer invocations * Use pxToRem * Use pxToRem * Use pxToRem

CassioMG added 30 commits January 13, 2025 16:24

Remove leftovers

358cc11

Move stellarExpertUrl to inside HistoryItem

52969ff

Display amounts using Badge component

6380ddb

Date font size and color

49dc28a

# Conflicts: # extension/src/popup/components/accountHistory/HistoryItem/styles.scss

Make formatted amount label consistent between History item and Tx de…

4f71968

…tail components

Fix isRecieving => isReceiving typo

32c42f5

Redesign "payment" row

498ec65

Redesign "swap" payment

39cc8e5

Use SVG for history icons

93e00c2

Swapped label

92dfa31

Use SDS Icon components

114f0d6

format

2235487

Remove history segments

8fb229a

Use Text SDS component + refactor some styling

9739618

Renaming

39c1800

Swap icons with placeholders

3ef1666

center swap icons

9976c51

Icons for soroban operations

89d6f74

Remove a few spaces to keep consistency

d442790

Don't show small icon for generic transactions

599ae05

Handle CreateAccount and ChangeTrust operations

90fcb0b

# Conflicts: # extension/src/popup/components/accountHistory/HistoryItem/index.tsx

Separate history in month sections + use SDS Text component to render…

78bfa0f

… headers

clean up

ef58a1f

Displays actual month name

430d511

getHistoryState => historyState renaming

1c17dad

Delete HistoryList component

6126e1a

Is not adding much value currently

Use AppHeader component

dcd1233

Tweak section margin

ef504c4

tweak bottom margin

f3d4449

Use index to get last section instead of mutating the array

bf9b578

CassioMG added 7 commits January 13, 2025 18:18

Fix test id

fabedde

Add key to list item

da14955

Drop ticker on balances view

f5fb6b1

Fix tests

3eb368f

Prevent null pointer when attrs is null

d40e245

Fix icon for mint and transfer invocations

d23ff4c

Fix "false" appearing as amount sign

2a23b7a

CassioMG commented Jan 15, 2025

View reviewed changes

Fix tests

779ab0f

piyalbasu reviewed Jan 15, 2025

View reviewed changes

aristidesstaffieri reviewed Jan 15, 2025

View reviewed changes

aristidesstaffieri approved these changes Jan 15, 2025

View reviewed changes

CassioMG added 2 commits January 15, 2025 10:30

Extract isDustPayment to a helper

e485309

Display stellar logo for XLM transfer invocations

df56bfc

piyalbasu approved these changes Jan 15, 2025

View reviewed changes

CassioMG added 3 commits January 15, 2025 11:56

Use pxToRem

646517f

Use pxToRem

5d27d1c

Use pxToRem

ea53add

CassioMG merged commit caa09ea into release/5.28.0 Jan 15, 2025
2 checks passed

CassioMG deleted the cg-redesign-history-v2 branch January 15, 2025 20:11

CassioMG mentioned this pull request Jan 15, 2025

Redesign Account History #1542

Closed

aristidesstaffieri mentioned this pull request Jan 16, 2025

Release 5.28.0 #1798

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Redesign Account History #1785

Redesign Account History #1785

CassioMG commented Jan 14, 2025 •

edited

Loading

CassioMG Jan 15, 2025

CassioMG commented Jan 15, 2025 •

edited

Loading

piyalbasu Jan 15, 2025

CassioMG Jan 15, 2025

CassioMG Jan 15, 2025

piyalbasu Jan 15, 2025

CassioMG Jan 15, 2025

aristidesstaffieri Jan 15, 2025

CassioMG Jan 15, 2025

Redesign Account History #1785

Redesign Account History #1785

Conversation

CassioMG commented Jan 14, 2025 • edited Loading

Navigating on main History tab

Navigating on each asset History

Choose a reason for hiding this comment

CassioMG commented Jan 15, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

CassioMG commented Jan 14, 2025 •

edited

Loading

CassioMG commented Jan 15, 2025 •

edited

Loading