From 50486ead7e7b87af8f2719671469883e56a1dcb3 Mon Sep 17 00:00:00 2001
From: Daniel Dimitrov <daniel.d@safe.global>
Date: Mon, 23 Dec 2024 07:56:15 +0100
Subject: [PATCH] fix: run prettier over the codebase (#4701)

* fix: run prettier over the codebase

* fix: lint staged was running on all files and not on staged files
---
 .github/ISSUE_TEMPLATE/bug-report.md          |  12 ++-
 .github/PULL_REQUEST_TEMPLATE.md              |   7 +-
 .lintstagedrc.json                            |   4 +-
 .prettierignore                               |   5 +-
 apps/web/.storybook/main.ts                   |  57 +++++-----
 apps/web/README.md                            |  58 +++++-----
 .../cypress/fixtures/test-working-batch.json  | 100 +++++++++---------
 apps/web/docs/code-style.md                   |  10 +-
 apps/web/docs/environments.md                 |  18 ++--
 apps/web/tsconfig.json                        |  31 ++----
 10 files changed, 146 insertions(+), 156 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/bug-report.md b/.github/ISSUE_TEMPLATE/bug-report.md
index 023c768659..98ef0205b6 100644
--- a/.github/ISSUE_TEMPLATE/bug-report.md
+++ b/.github/ISSUE_TEMPLATE/bug-report.md
@@ -1,7 +1,7 @@
 ---
 name: Bug report
 about: Create an issue to fix a bug
-labels: ["bug"]
+labels: ['bug']
 ---
 
 <!--
@@ -11,12 +11,14 @@ BEFORE SUBMITTING: Please search to make sure this issue hasn't been reported al
 ## Bug description
 
 ## Environment
- - Browser: Chrome
- - Wallet: MetaMask
- - Chain: Ethereum mainnet
+
+- Browser: Chrome
+- Wallet: MetaMask
+- Chain: Ethereum mainnet
 
 ## Steps to reproduce
- 1. Go to
+
+1.  Go to
 
 ## Expected result
 
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index e93ffd7b5d..a456260f54 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -9,6 +9,7 @@ Resolves #
 ## 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) 🧑‍💻
+
+- [ ] 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) 🧑‍💻
diff --git a/.lintstagedrc.json b/.lintstagedrc.json
index 87ca0645ac..315b1cc134 100644
--- a/.lintstagedrc.json
+++ b/.lintstagedrc.json
@@ -1,6 +1,6 @@
 {
-  "*.ts": ["yarn prettier:fix"],
-  "*.tsx": ["yarn prettier:fix"],
+  "**/*.{js,jsx,ts,tsx,mjs,cjs,md,yml,json}": ["prettier --write"],
+  "*.tsx": ["prettier --write"],
   "apps/mobile/assets/fonts/safe-icons/selection.json": [
     "node ./apps/mobile/scripts/generateIconTypes.js",
     "git add ./apps/mobile/src/types/iconTypes.ts"
diff --git a/.prettierignore b/.prettierignore
index bd82d1908e..112424eed0 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -2,9 +2,12 @@
 build
 coverage
 node_modules
+**/node_modules/*
 html
 ios
 android
 /assets
-
+.next
 apps/mobile/assets
+apps/web/src/markdown/privacy/privacy.md
+apps/web/src/markdown/terms/terms.md
diff --git a/apps/web/.storybook/main.ts b/apps/web/.storybook/main.ts
index 7e10751047..2c39553785 100644
--- a/apps/web/.storybook/main.ts
+++ b/apps/web/.storybook/main.ts
@@ -9,49 +9,49 @@ const config: StorybookConfig = {
     '@chromatic-com/storybook',
     '@storybook/addon-interactions',
     '@storybook/addon-themes',
-    '@storybook/addon-designs'
+    '@storybook/addon-designs',
   ],
   framework: {
     name: '@storybook/nextjs',
     options: {},
   },
   webpackFinal: async (config) => {
-    config.module = config.module || {};
-    config.module.rules = config.module.rules || [];
+    config.module = config.module || {}
+    config.module.rules = config.module.rules || []
 
     // This modifies the existing image rule to exclude .svg files
     // since you want to handle those files with @svgr/webpack
-    const imageRule = config.module.rules.find((rule) => rule?.['test']?.test('.svg'));
+    const imageRule = config.module.rules.find((rule) => rule?.['test']?.test('.svg'))
     if (imageRule) {
-      imageRule['exclude'] = /\.svg$/;
+      imageRule['exclude'] = /\.svg$/
     }
 
-      config.module.rules.push({
-        test: /\.svg$/i,
-        issuer: { and: [/\.(js|ts|md)x?$/] },
-        use: [
-          {
-            loader: '@svgr/webpack',
-            options: {
-              prettier: false,
-              svgo: false,
-              svgoConfig: {
-                plugins: [
-                  {
-                    name: 'preset-default',
-                    params: {
-                      overrides: { removeViewBox: false },
-                    },
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: { and: [/\.(js|ts|md)x?$/] },
+      use: [
+        {
+          loader: '@svgr/webpack',
+          options: {
+            prettier: false,
+            svgo: false,
+            svgoConfig: {
+              plugins: [
+                {
+                  name: 'preset-default',
+                  params: {
+                    overrides: { removeViewBox: false },
                   },
-                ],
-              },
-              titleProp: true,
+                },
+              ],
             },
+            titleProp: true,
           },
-        ],
-      })
+        },
+      ],
+    })
 
-    return config;
+    return config
   },
   docs: {
     autodocs: 'tag',
@@ -71,8 +71,7 @@ const config: StorybookConfig = {
       // Makes string and boolean types that can be undefined appear as inputs and switches
       shouldRemoveUndefinedFromOptional: true,
       // Filter out third-party props from node_modules except @mui packages
-      propFilter: (prop) =>
-        prop.parent ? !/node_modules\/(?!@mui)/.test(prop.parent.fileName) : true,
+      propFilter: (prop) => (prop.parent ? !/node_modules\/(?!@mui)/.test(prop.parent.fileName) : true),
     },
   },
 }
diff --git a/apps/web/README.md b/apps/web/README.md
index 9bb2fe9bc6..5a55f95373 100644
--- a/apps/web/README.md
+++ b/apps/web/README.md
@@ -5,7 +5,7 @@
 ![GitHub package.json version (branch)](https://img.shields.io/github/package-json/v/safe-global/safe-wallet-web)
 [![GitPOAP Badge](https://public-api.gitpoap.io/v1/repo/safe-global/safe-wallet-web/badge)](https://www.gitpoap.io/gh/safe-global/safe-wallet-web)
 
-# Safe{Wallet} Web  💻
+# Safe{Wallet} Web 💻
 
 This project is now part of the **@safe-global/safe-wallet** monorepo! The monorepo setup allows centralized management
 of multiple
@@ -43,34 +43,34 @@ Create a `.env` file with environment variables. You can use the `.env.example`
 
 Here's the list of all the environment variables:
 
-| Env variable                                      | Description                                                                                                                                                             |
-| ------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `NEXT_PUBLIC_BRAND_NAME`                          | The name of the app, defaults to "Wallet fork"                                                              |
-| `NEXT_PUBLIC_BRAND_LOGO`                          | The URL of the app logo displayed in the header                                                             |
-
-| `NEXT_PUBLIC_INFURA_TOKEN`                        | [Infura](https://docs.infura.io/infura/networks/ethereum/how-to/secure-a-project/project-id) RPC API token                                                              |
-| `NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN`              | Infura token for Safe Apps, falls back to `NEXT_PUBLIC_INFURA_TOKEN`                                                                                                    |
-| `NEXT_PUBLIC_IS_PRODUCTION`                       | Set to `true` to build a minified production app                                                                                                                        |
-| `NEXT_PUBLIC_GATEWAY_URL_PRODUCTION`              | The base URL for the [Safe Client Gateway](https://github.com/safe-global/safe-client-gateway)                                                                          |
-| `NEXT_PUBLIC_GATEWAY_URL_STAGING`                 | The base CGW URL on staging                                                                                                                                             |
-| `NEXT_PUBLIC_SAFE_VERSION`                        | The latest version of the Safe contract, defaults to 1.4.1                                                                                                              |
-| `NEXT_PUBLIC_WC_PROJECT_ID`                       | [WalletConnect v2](https://docs.walletconnect.com/2.0/cloud/relay) project ID                                                                                           |
-| `NEXT_PUBLIC_TENDERLY_ORG_NAME`                   | [Tenderly](https://tenderly.co) org name for Transaction Simulation                                                                                                     |
-| `NEXT_PUBLIC_TENDERLY_PROJECT_NAME`               | Tenderly project name                                                                                                                                                   |
-| `NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL`      | Tenderly simulation URL                                                                                                                                                 |
-| `NEXT_PUBLIC_BEAMER_ID`                           | [Beamer](https://www.getbeamer.com) is a news feed for in-app announcements                                                                                             |
-| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID`               | [GTM](https://tagmanager.google.com) project id                                                                                                                         |
-| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH` | Dev GTM key                                                                                                                                                             |
-| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LATEST_AUTH`      | Preview GTM key                                                                                                                                                         |
-| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LIVE_AUTH`        | Production GTM key                                                                                                                                                      |
-| `NEXT_PUBLIC_SENTRY_DSN`                          | [Sentry](https://sentry.io) id for tracking runtime errors                                                                                                              |
-| `NEXT_PUBLIC_IS_OFFICIAL_HOST`                    | Whether it's the official distribution of the app, or a fork; has legal implications. Set to true only if you also update the legal pages like Imprint and Terms of use |
-| `NEXT_PUBLIC_REDEFINE_API`                        | Redefine API base URL                                                                                                                                                   |
-| `NEXT_PUBLIC_FIREBASE_OPTIONS_PRODUCTION`         | Firebase Cloud Messaging (FCM) `initializeApp` options on production                                                                                                    |
-| `NEXT_PUBLIC_FIREBASE_VAPID_KEY_PRODUCTION`       | FCM vapid key on production                                                                                                                                             |
-| `NEXT_PUBLIC_FIREBASE_OPTIONS_STAGING`            | FCM `initializeApp` options on staging                                                                                                                                  |
-| `NEXT_PUBLIC_FIREBASE_VAPID_KEY_STAGING`          | FCM vapid key on staging                                                                                                                                                |
-| `NEXT_PUBLIC_SPINDL_SDK_KEY`                      | [Spindl](http://spindl.xyz) SDK key                                                                                                                                     |
+| Env variable             | Description                                     |
+| ------------------------ | ----------------------------------------------- |
+| `NEXT_PUBLIC_BRAND_NAME` | The name of the app, defaults to "Wallet fork"  |
+| `NEXT_PUBLIC_BRAND_LOGO` | The URL of the app logo displayed in the header |
+
+| `NEXT_PUBLIC_INFURA_TOKEN` | [Infura](https://docs.infura.io/infura/networks/ethereum/how-to/secure-a-project/project-id) RPC API token |
+| `NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN` | Infura token for Safe Apps, falls back to `NEXT_PUBLIC_INFURA_TOKEN` |
+| `NEXT_PUBLIC_IS_PRODUCTION` | Set to `true` to build a minified production app |
+| `NEXT_PUBLIC_GATEWAY_URL_PRODUCTION` | The base URL for the [Safe Client Gateway](https://github.com/safe-global/safe-client-gateway) |
+| `NEXT_PUBLIC_GATEWAY_URL_STAGING` | The base CGW URL on staging |
+| `NEXT_PUBLIC_SAFE_VERSION` | The latest version of the Safe contract, defaults to 1.4.1 |
+| `NEXT_PUBLIC_WC_PROJECT_ID` | [WalletConnect v2](https://docs.walletconnect.com/2.0/cloud/relay) project ID |
+| `NEXT_PUBLIC_TENDERLY_ORG_NAME` | [Tenderly](https://tenderly.co) org name for Transaction Simulation |
+| `NEXT_PUBLIC_TENDERLY_PROJECT_NAME` | Tenderly project name |
+| `NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL` | Tenderly simulation URL |
+| `NEXT_PUBLIC_BEAMER_ID` | [Beamer](https://www.getbeamer.com) is a news feed for in-app announcements |
+| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID` | [GTM](https://tagmanager.google.com) project id |
+| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_DEVELOPMENT_AUTH` | Dev GTM key |
+| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LATEST_AUTH` | Preview GTM key |
+| `NEXT_PUBLIC_GOOGLE_TAG_MANAGER_LIVE_AUTH` | Production GTM key |
+| `NEXT_PUBLIC_SENTRY_DSN` | [Sentry](https://sentry.io) id for tracking runtime errors |
+| `NEXT_PUBLIC_IS_OFFICIAL_HOST` | Whether it's the official distribution of the app, or a fork; has legal implications. Set to true only if you also update the legal pages like Imprint and Terms of use |
+| `NEXT_PUBLIC_REDEFINE_API` | Redefine API base URL |
+| `NEXT_PUBLIC_FIREBASE_OPTIONS_PRODUCTION` | Firebase Cloud Messaging (FCM) `initializeApp` options on production |
+| `NEXT_PUBLIC_FIREBASE_VAPID_KEY_PRODUCTION` | FCM vapid key on production |
+| `NEXT_PUBLIC_FIREBASE_OPTIONS_STAGING` | FCM `initializeApp` options on staging |
+| `NEXT_PUBLIC_FIREBASE_VAPID_KEY_STAGING` | FCM vapid key on staging |
+| `NEXT_PUBLIC_SPINDL_SDK_KEY` | [Spindl](http://spindl.xyz) SDK key |
 
 If you don't provide some of the variables, the corresponding features will be disabled in the UI.
 
diff --git a/apps/web/cypress/fixtures/test-working-batch.json b/apps/web/cypress/fixtures/test-working-batch.json
index 691d369191..309e5af6ec 100644
--- a/apps/web/cypress/fixtures/test-working-batch.json
+++ b/apps/web/cypress/fixtures/test-working-batch.json
@@ -1,53 +1,53 @@
 {
-  "version":"1.0",
-  "chainId":"11155111",
-  "createdAt":1702396600164,
-  "meta":{
-     "name":"Transactions Batch",
-     "description":"",
-     "txBuilderVersion":"1.16.4",
-     "createdFromSafeAddress":"0x4DD4cB2299E491E1B469245DB589ccB2B16d7bde",
-     "createdFromOwnerAddress":"",
-     "checksum":"0x5117b795c64424440e9fccaac343a93606b405852a4b28809c909f9c805839f5"
+  "version": "1.0",
+  "chainId": "11155111",
+  "createdAt": 1702396600164,
+  "meta": {
+    "name": "Transactions Batch",
+    "description": "",
+    "txBuilderVersion": "1.16.4",
+    "createdFromSafeAddress": "0x4DD4cB2299E491E1B469245DB589ccB2B16d7bde",
+    "createdFromOwnerAddress": "",
+    "checksum": "0x5117b795c64424440e9fccaac343a93606b405852a4b28809c909f9c805839f5"
   },
-  "transactions":[
-     {
-        "to":"0x11AB70A4564C62F567B92868Cb5e69b50c5434aF",
-        "value":"0",
-        "data":null,
-        "contractMethod":{
-           "inputs":[
-              {
-                 "internalType":"address",
-                 "name":"newValue",
-                 "type":"address"
-              }
-           ],
-           "name":"testAddressValue",
-           "payable":false
-        },
-        "contractInputsValues":{
-           "newValue":"0x4DD4cB2299E491E1B469245DB589ccB2B16d7bde"
-        }
-     },
-     {
-        "to":"0x11AB70A4564C62F567B92868Cb5e69b50c5434aF",
-        "value":"0",
-        "data":null,
-        "contractMethod":{
-           "inputs":[
-              {
-                 "internalType":"address",
-                 "name":"newValue",
-                 "type":"address"
-              }
-           ],
-           "name":"testAddressValue",
-           "payable":false
-        },
-        "contractInputsValues":{
-           "newValue":"0xc6b82bA149CFA113f8f48d5E3b1F78e933e16DfD"
-        }
-     }
+  "transactions": [
+    {
+      "to": "0x11AB70A4564C62F567B92868Cb5e69b50c5434aF",
+      "value": "0",
+      "data": null,
+      "contractMethod": {
+        "inputs": [
+          {
+            "internalType": "address",
+            "name": "newValue",
+            "type": "address"
+          }
+        ],
+        "name": "testAddressValue",
+        "payable": false
+      },
+      "contractInputsValues": {
+        "newValue": "0x4DD4cB2299E491E1B469245DB589ccB2B16d7bde"
+      }
+    },
+    {
+      "to": "0x11AB70A4564C62F567B92868Cb5e69b50c5434aF",
+      "value": "0",
+      "data": null,
+      "contractMethod": {
+        "inputs": [
+          {
+            "internalType": "address",
+            "name": "newValue",
+            "type": "address"
+          }
+        ],
+        "name": "testAddressValue",
+        "payable": false
+      },
+      "contractInputsValues": {
+        "newValue": "0xc6b82bA149CFA113f8f48d5E3b1F78e933e16DfD"
+      }
+    }
   ]
-}
\ No newline at end of file
+}
diff --git a/apps/web/docs/code-style.md b/apps/web/docs/code-style.md
index 8065e54e94..82429ac9fd 100644
--- a/apps/web/docs/code-style.md
+++ b/apps/web/docs/code-style.md
@@ -6,9 +6,9 @@
 - Strive for pragmatism
 - Don’t add bells and whistles (newlines, spaces for “beauty”, ordering imports etc.)
 - Avoid unnecessary stylistic changes
-    - They increase the chance of git conflicts (esp. in imports)
-    - They make it harder to review the PR
-    - Ultimately, a waste of time
+  - They increase the chance of git conflicts (esp. in imports)
+  - They make it harder to review the PR
+  - Ultimately, a waste of time
 
 ## Functional code style
 
@@ -33,7 +33,7 @@ Infamously, the hardest problem in computer science.
 - Config-like constants should be in UPPER_CASE, e.g. `INFURA_URL`
 - Regular `const` variables should be in camelCase
 - Avoid prepositions in variable names:
-    - ~`restoreFromLocalStorage`~ 🙅
-    - `restoreStoredValue` 👍
+  - ~`restoreFromLocalStorage`~ 🙅
+  - `restoreStoredValue` 👍
 - Try to name boolean vars with `is`, e.g. `isLoading` vs `loading`
 - If something needs to be exported just for unit tests, export it with a `_` prefix, e.g. `_getOnboardConfig`
diff --git a/apps/web/docs/environments.md b/apps/web/docs/environments.md
index 1d06f0a138..176c6bb9bf 100644
--- a/apps/web/docs/environments.md
+++ b/apps/web/docs/environments.md
@@ -1,20 +1,21 @@
 # Environments
-We have several environments where the app can be deployed:
 
+We have several environments where the app can be deployed:
 
-|Env|URL|Purpose|How it's deployed|Backend env|
-|---|---|---|---|---|
-|local|http://localhost:3000/app|local development|`yarn start`|staging|
-|PRs   |`https://<PR_NAME>--walletweb.review.5afe.dev/`|peer review & feature QA|for all PRs on push|staging|
-|dev  |https://safe-wallet-web.dev.5afe.dev/|preview of all WIP features|on push to the `dev` branch|staging|
-|staging|https://safe-wallet-web.staging.5afe.dev/|preview of features before a release|on push to `main`|**production** (for testing)|
-|production|https://app.safe.global/|live app|deployed by DevOps (see the [Release Procedure](release-procedure.md))|**production**|
+| Env        | URL                                             | Purpose                              | How it's deployed                                                      | Backend env                  |
+| ---------- | ----------------------------------------------- | ------------------------------------ | ---------------------------------------------------------------------- | ---------------------------- |
+| local      | http://localhost:3000/app                       | local development                    | `yarn start`                                                           | staging                      |
+| PRs        | `https://<PR_NAME>--walletweb.review.5afe.dev/` | peer review & feature QA             | for all PRs on push                                                    | staging                      |
+| dev        | https://safe-wallet-web.dev.5afe.dev/           | preview of all WIP features          | on push to the `dev` branch                                            | staging                      |
+| staging    | https://safe-wallet-web.staging.5afe.dev/       | preview of features before a release | on push to `main`                                                      | **production** (for testing) |
+| production | https://app.safe.global/                        | live app                             | deployed by DevOps (see the [Release Procedure](release-procedure.md)) | **production**               |
 
 ## Lifecycle of a feature
 
 After a feature enters the development cycle (i.e. is in a sprint), it goes through the following steps:
 
 ### Development & QA
+
 1. Developer starts working on the feature
 2. Developer creates a Pull Request and assigns a reviewer
 3. Reviewer leaves feedback until the PR is approved
@@ -22,6 +23,7 @@ After a feature enters the development cycle (i.e. is in a sprint), it goes thro
 5. Once QA gives a green light, the branch is merged to the `dev` branch
 
 ### Release
+
 1. All merged branches sit on `dev`, which is occasionally reviewed on the [dev site](https://safe-wallet-web.dev.5afe.dev/).
 2. In case some regression is noticed, it's fixed on dev.
 3. Once a sufficient amount of features are ready for a release (at least once in a sprint), a release branch is made (normally from the HEAD of `dev`) and a PR to `main` is created.
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
index d1afe7d018..eb0a62f064 100644
--- a/apps/web/tsconfig.json
+++ b/apps/web/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es2020",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -20,21 +16,11 @@
     "incremental": true,
     "baseUrl": ".",
     "paths": {
-      "@/*": [
-        "./src/*"
-      ],
-      "@safe-global/safe-apps-sdk/*": [
-        "../../node_modules/@safe-global/safe-apps-sdk/*"
-      ],
-      "@gnosis.pm/zodiac/*": [
-        "../../node_modules/@gnosis.pm/zodiac/*"
-      ],
-      "@cowprotocol/app-data": [
-        "../../node_modules/@cowprotocol/app-data"
-      ],
-      "@/public/*": [
-        "./public/*"
-      ],
+      "@/*": ["./src/*"],
+      "@safe-global/safe-apps-sdk/*": ["../../node_modules/@safe-global/safe-apps-sdk/*"],
+      "@gnosis.pm/zodiac/*": ["../../node_modules/@gnosis.pm/zodiac/*"],
+      "@cowprotocol/app-data": ["../../node_modules/@cowprotocol/app-data"],
+      "@/public/*": ["./public/*"]
     },
     "plugins": [
       {
@@ -54,8 +40,5 @@
     "./jest.setup.js",
     "./eslint.config.mjs"
   ],
-  "exclude": [
-    "node_modules",
-    "src/types/contracts"
-  ]
+  "exclude": ["node_modules", "src/types/contracts"]
 }