Astar stg

[DenSmolonski]

What it solves

Resolves #

How this PR fixes it

How to test it

Screenshots

Checklist

• I've tested the branch on mobile 📱
• I've documented how it affects the analytics (if at all) 📊
• I've written a unit/e2e test for it (if applicable) 🧑‍💻

[github-actions]

Branch preview

❌ Deploy failed!

[github-actions]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: ✅ success
• Annotations: 0 total

---

^{Report generated by eslint-plus-action}

[github-actions]

📦 Next.js Bundle Analysis for safe-wallet-web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

⚠️ Global Bundle Size Increased

Page	Size (compressed)
global	1.01 MB (🟡 +87.57 KB)

Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

Thirty-six Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page	Size (compressed)	First Load
/_offline	1.09 KB (🟢 -2 B)	1.01 MB
/addOwner	533 B (🟢 -2 B)	1.01 MB
/address-book	26.09 KB (🟢 -15 B)	1.03 MB
/apps	50.18 KB (-5 B)	1.06 MB
/apps/bookmarked	443 B (🟢 -3 B)	1.01 MB
/apps/custom	41.8 KB (-1 B)	1.05 MB
/apps/open	53.29 KB (🟢 -48 B)	1.06 MB
/balances	29.47 KB (🟢 -1.17 KB)	1.04 MB
/balances/nfts	19.16 KB (🟢 -3 B)	1.03 MB
/cookie	8.76 KB (🟢 -3 B)	1.02 MB
/home	65.52 KB (🟡 +5.23 KB)	1.07 MB
/imprint	1.37 KB (🟢 -3 B)	1.01 MB
/licenses	4.97 KB (🟡 +1 B)	1.01 MB
/new-safe/create	40.4 KB (🟡 +6.05 KB)	1.05 MB
/new-safe/load	16.23 KB (🟢 -162 B)	1.02 MB
/privacy	15.9 KB (🟡 +4 B)	1.02 MB
/settings	449 B (🟢 -1 B)	1.01 MB
/settings/appearance	8.02 KB (🟢 -3 B)	1.02 MB
/settings/data	7.54 KB (🟢 -1 B)	1.02 MB
/settings/environment-variables	9.13 KB (🟢 -2 B)	1.02 MB
/settings/modules	9.72 KB (🟢 -43 B)	1.02 MB
/settings/notifications	27.33 KB (🟢 -292 B)	1.04 MB
/settings/safe-apps	25.55 KB (🟢 -5 B)	1.03 MB
/settings/security	8.06 KB (🟢 -3 B)	1.02 MB
/settings/setup	35.95 KB (🟢 -7 B)	1.04 MB
/swap	606 B (🟡 +1 B)	1.01 MB
/terms	11.59 KB (🟡 +356 B)	1.02 MB
/transactions	73.42 KB (🟢 -172 B)	1.08 MB
/transactions/history	73.39 KB (🟢 -172 B)	1.08 MB
/transactions/messages	39.01 KB (🟡 +58 B)	1.05 MB
/transactions/msg	29.42 KB (🟡 +61 B)	1.04 MB
/transactions/queue	31.01 KB (🟢 -48 B)	1.04 MB
/transactions/tx	20.78 KB (🟢 -112 B)	1.03 MB
/wc	689 B (🟡 +2 B)	1.01 MB
/welcome	44.16 KB (🔴 +37.39 KB)	1.05 MB
/welcome/accounts	379 B (🟢 -1 B)	1.01 MB

Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

[github-actions]

Coverage report

Caution

Test run failed

St.❔	Category	Percentage	Covered / Total
🟡	Statements	79.01%	11613/14698
🔴	Branches	58.5%	2843/4860
🟡	Functions	65.97%	1855/2812
🟢	Lines	80.4%	10471/13024

Test suite run failed

Failed tests: 3/1433. Failed suites: 2/198.

  ● useChainId hook › should return the default chainId if no query params

    expect(received).toBe(expected) // Object.is equality

    Expected: "11155111"
    Received: "592"

      57 |   it('should return the default chainId if no query params', () => {
      58 |     const { result } = renderHook(() => useChainId())
    > 59 |     expect(result.current).toBe('11155111')
         |                            ^
      60 |   })
      61 |
      62 |   it('should return the chainId based on the chain query', () => {

      at Object.toBe (src/hooks/__tests__/useChainId.test.ts:59:28)

---

  ● SettingsHeader › A safe is open › displays Notifications if feature is enabled

    TestingLibraryElementError: Unable to find an element with the text: Notifications. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

    Ignored nodes: comments, script, style
    <body>
      <div>
        <div
          class="container border MuiBox-root css-0"
        >
          <h3
            class="MuiTypography-root MuiTypography-h3 title css-aklxrh-MuiTypography-root"
          >
            Settings
          </h3>
          <div
            class="navWrapper"
          >
            <div
              class="MuiTabs-root tabs css-tkn350-MuiTabs-root"
            >
              <div
                class="MuiTabs-scrollableX MuiTabs-hideScrollbar css-oqr85h"
                style="width: 99px; height: 99px; position: absolute; top: -9999px; overflow: scroll;"
              />
              <div
                class="MuiTabs-scroller MuiTabs-hideScrollbar MuiTabs-scrollableX css-69z67c-MuiTabs-scroller"
                style="margin-bottom: 0px;"
              >
                <div
                  class="MuiTabs-flexContainer css-heg063-MuiTabs-flexContainer"
                  role="tablist"
                >
                  <a
                    aria-selected="true"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/setup"
                    role="tab"
                    tabindex="0"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-11hvqlg-MuiTypography-root"
                    >
                      Setup
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                  <a
                    aria-selected="false"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/appearance"
                    role="tab"
                    tabindex="-1"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-fvh28f-MuiTypography-root"
                    >
                      Appearance
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                  <a
                    aria-selected="false"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/security"
                    role="tab"
                    tabindex="-1"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-fvh28f-MuiTypography-root"
                    >
                      Security
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                  <a
                    aria-selected="false"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/modules"
                    role="tab"
                    tabindex="-1"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-fvh28f-MuiTypography-root"
                    >
                      Modules
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                  <a
                    aria-selected="false"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/safe-apps"
                    role="tab"
                    tabindex="-1"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-fvh28f-MuiTypography-root"
                    >
                      Safe Apps
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                  <a
                    aria-selected="false"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/data"
                    role="tab"
                    tabindex="-1"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-fvh28f-MuiTypography-root"
                    >
                      Data
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                  <a
                    aria-selected="false"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/environment-variables"
                    role="tab"
                    tabindex="-1"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-fvh28f-MuiTypography-root"
                    >
                      Environment variables
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                </div>
                <span
                  class="MuiTabs-indicator css-1n74ku9-MuiTabs-indicator"
                  style="left: 0px; width: 0px;"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </body>

      36 |       )
      37 |
    > 38 |       expect(result.getByText('Notifications')).toBeInTheDocument()
         |                     ^
      39 |     })
      40 |   })
      41 |

      at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19)
      at node_modules/@testing-library/dom/dist/query-helpers.js:76:38
      at node_modules/@testing-library/dom/dist/query-helpers.js:52:17
      at node_modules/@testing-library/dom/dist/query-helpers.js:95:19
      at Object.getByText (src/components/settings/SettingsHeader/index.test.tsx:38:21)

  ● SettingsHeader › No safe is open › displays Notifications if feature is enabled

    TestingLibraryElementError: Unable to find an element with the text: Notifications. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

    Ignored nodes: comments, script, style
    <body>
      <div>
        <div
          class="container border MuiBox-root css-0"
        >
          <h3
            class="MuiTypography-root MuiTypography-h3 title css-aklxrh-MuiTypography-root"
          >
            Preferences
          </h3>
          <div
            class="navWrapper"
          >
            <div
              class="MuiTabs-root tabs css-tkn350-MuiTabs-root"
            >
              <div
                class="MuiTabs-scrollableX MuiTabs-hideScrollbar css-oqr85h"
                style="width: 99px; height: 99px; position: absolute; top: -9999px; overflow: scroll;"
              />
              <div
                class="MuiTabs-scroller MuiTabs-hideScrollbar MuiTabs-scrollableX css-69z67c-MuiTabs-scroller"
                style="margin-bottom: 0px;"
              >
                <div
                  class="MuiTabs-flexContainer css-heg063-MuiTabs-flexContainer"
                  role="tablist"
                >
                  <a
                    aria-selected="true"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/cookies"
                    role="tab"
                    tabindex="0"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-11hvqlg-MuiTypography-root"
                    >
                      Cookies
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                  <a
                    aria-selected="false"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/appearance"
                    role="tab"
                    tabindex="-1"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-fvh28f-MuiTypography-root"
                    >
                      Appearance
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                  <a
                    aria-selected="false"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/security"
                    role="tab"
                    tabindex="-1"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-fvh28f-MuiTypography-root"
                    >
                      Security
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                  <a
                    aria-selected="false"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/data"
                    role="tab"
                    tabindex="-1"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-fvh28f-MuiTypography-root"
                    >
                      Data
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                  <a
                    aria-selected="false"
                    class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary tab css-1lj962s-MuiButtonBase-root-MuiTab-root"
                    href="/settings/environment-variables"
                    role="tab"
                    tabindex="-1"
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2 label css-fvh28f-MuiTypography-root"
                    >
                      Environment variables
                    </p>
                    <span
                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                    />
                  </a>
                </div>
                <span
                  class="MuiTabs-indicator css-1n74ku9-MuiTabs-indicator"
                  style="left: 0px; width: 0px;"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </body>

      66 |       )
      67 |
    > 68 |       expect(result.getByText('Notifications')).toBeInTheDocument()
         |                     ^
      69 |     })
      70 |   })
      71 | })

      at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19)
      at node_modules/@testing-library/dom/dist/query-helpers.js:76:38
      at node_modules/@testing-library/dom/dist/query-helpers.js:52:17
      at node_modules/@testing-library/dom/dist/query-helpers.js:95:19
      at Object.getByText (src/components/settings/SettingsHeader/index.test.tsx:68:21)

Report generated by 🧪jest coverage report action from 44ea803