A-1213957951735267: UI update

.env

@@ -6,3 +6,4 @@ MAINNET_ELECTRUM_SERVERS='https://mojito-api.mintlayer.org/bitcoin/mainnet'
 TESTNET_ELECTRUM_SERVERS='https://mojito-api.mintlayer.org/bitcoin/testnet'
 TESTNET_MINTLAYER_SERVERS='https://mojito-api.mintlayer.org/mintlayer/testnet'
 MAINNET_MINTLAYER_SERVERS='https://mojito-api.mintlayer.org/mintlayer/mainnet'
+EXCHANGE_RATES_SERVER='https://rates-api.mintlayer.org'

.env.production

@@ -5,4 +5,5 @@ GENERATE_SOURCEMAP=false
 MAINNET_ELECTRUM_SERVERS='https://mojito-api.mintlayer.org/bitcoin/mainnet'
 TESTNET_ELECTRUM_SERVERS='https://mojito-api.mintlayer.org/bitcoin/testnet'
 TESTNET_MINTLAYER_SERVERS='https://mojito-api.mintlayer.org/mintlayer/testnet'
-MAINNET_MINTLAYER_SERVERS='https://mojito-api.mintlayer.org/mintlayer/mainnet'
+MAINNET_MINTLAYER_SERVERS='https://mojito-api.mintlayer.org/mintlayer/mainnet'
+EXCHANGE_RATES_SERVER='https://rates-api.mintlayer.org'

.env.staging

@@ -6,3 +6,4 @@ MAINNET_ELECTRUM_SERVERS='https://mojito-api.mintlayer.org/bitcoin/mainnet'
 TESTNET_ELECTRUM_SERVERS='https://mojito-api.mintlayer.org/bitcoin/testnet'
 TESTNET_MINTLAYER_SERVERS='https://mojito-api.mintlayer.org/mintlayer/testnet'
 MAINNET_MINTLAYER_SERVERS='https://mojito-api.mintlayer.org/mintlayer/mainnet'
+EXCHANGE_RATES_SERVER='https://rates-api.mintlayer.org'

.gitignore

@@ -28,3 +28,6 @@ yarn-error.log*
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+
+# llm
+.claude

README.md

@@ -55,16 +55,6 @@ The build process generates a `ext.zip` and a `extFF.zip` files in the project's
 
 They can be imported in the browser as a developer extension on Mozilla Firefox. To test in Chomium-based browsers, you can point the `build` directory as the `unpacked extension`.
 
-### Build specificities
-
-### CSP HTML meta tag
-
-On `public/index.html` there is a `meta` tag named `CSP`. This is tags render just in DEVELOPMENT mode. But it has no use in delevelopment mode.
-
-The only purpose of that tag is to serve as a placeholder to the real `Content-Security-Policy` meta tag, which will be inserted just on the build process for the final packages and the `build` path.
-
-This meta tag is needed to load properly all the external scripts, stylesheets, fonts, and images on the final product.
-
 ## How to Contribute
 
 [Check here](./CONTRIBUTING.md) what you should do, and the rules you should follow, to contribute to this project.

babel.config.js

@@ -2,5 +2,6 @@ module.exports = {
   presets: [
     ['@babel/preset-env', { targets: { node: 'current' } }],
     ['@babel/preset-react', { runtime: 'automatic' }],
+    '@babel/preset-typescript',
   ],
 }

eslint.config.mjs

@@ -1,12 +1,57 @@
 import js from '@eslint/js'
+import tseslint from 'typescript-eslint'
 import reactPlugin from 'eslint-plugin-react'
 import reactHooksPlugin from 'eslint-plugin-react-hooks'
 import globals from 'globals'
 
+const sharedRules = {
+  ...reactPlugin.configs.recommended.rules,
+  semi: ['error', 'never'],
+  'react/jsx-no-target-blank': 'off',
+  'react/react-in-jsx-scope': 'off',
+  'react/prop-types': 'off',
+  quotes: ['error', 'single'],
+  'no-const-assign': 'error',
+  'prefer-const': 'error',
+  'no-new-object': 'error',
+  'quote-props': ['error', 'as-needed'],
+  'no-array-constructor': 'error',
+  'no-eval': 'error',
+  'no-trailing-spaces': 'error',
+  'max-params': ['error', 4],
+  'max-depth': ['error', 3],
+  'eol-last': ['error', 'always'],
+  'testing-library/no-unnecessary-act': 'off',
+  ...reactHooksPlugin.configs.recommended.rules,
+}
+
+const sharedLanguageOptions = {
+  ecmaVersion: 2020,
+  sourceType: 'module',
+  globals: {
+    ...globals.browser,
+    ...globals.es2020,
+    ...globals.jest,
+    Buffer: 'readonly',
+    process: 'readonly',
+  },
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+}
+
 export default [
   js.configs.recommended,
   {
-    ignores: ['src/commons/utils/main.js', 'tests/**', 'src/**/*.test.js'],
+    ignores: [
+      'src/commons/utils/main.js',
+      'tests/**',
+      'src/**/*.test.js',
+      'src/services/Crypto/Mintlayer/@mintlayerlib-js/**',
+      'src/tests/mock/wasmCrypro/**',
+    ],
   },
   {
     files: ['*.js', '*.mjs'],
@@ -24,54 +69,52 @@ export default [
       },
     },
   },
+  {
+    files: ['src/tests/mock/**/*.js'],
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+    },
+  },
   {
     files: ['src/**/*.js'],
     ignores: ['src/version/*.js'],
     plugins: {
       react: reactPlugin,
       'react-hooks': reactHooksPlugin,
     },
-    languageOptions: {
-      ecmaVersion: 2020,
-      sourceType: 'module',
-      globals: {
-        ...globals.browser,
-        ...globals.es2020,
-        ...globals.jest,
-        Buffer: 'readonly',
-        process: 'readonly',
-      },
-      parserOptions: {
-        ecmaFeatures: {
-          jsx: true,
-        },
+    languageOptions: sharedLanguageOptions,
+    settings: {
+      react: {
+        version: 'detect',
       },
     },
+    rules: {
+      ...sharedRules,
+      'no-unused-vars': 'error',
+    },
+  },
+  {
+    files: ['src/**/*.ts', 'src/**/*.tsx'],
+    plugins: {
+      react: reactPlugin,
+      'react-hooks': reactHooksPlugin,
+      '@typescript-eslint': tseslint.plugin,
+    },
+    languageOptions: {
+      ...sharedLanguageOptions,
+      parser: tseslint.parser,
+    },
     settings: {
       react: {
         version: 'detect',
       },
     },
     rules: {
-      ...reactPlugin.configs.recommended.rules,
-      semi: ['error', 'never'],
-      'react/jsx-no-target-blank': 'off',
-      'react/react-in-jsx-scope': 'off',
-      'react/prop-types': 'off',
-      quotes: ['error', 'single'],
-      'no-const-assign': 'error',
-      'no-unused-vars': 'error',
-      'prefer-const': 'error',
-      'no-new-object': 'error',
-      'quote-props': ['error', 'as-needed'],
-      'no-array-constructor': 'error',
-      'no-eval': 'error',
-      'no-trailing-spaces': 'error',
-      'max-params': ['error', 4],
-      'max-depth': ['error', 3],
-      'eol-last': ['error', 'always'],
-      'testing-library/no-unnecessary-act': 'off',
-      ...reactHooksPlugin.configs.recommended.rules,
+      ...sharedRules,
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'error',
     },
   },
 ]

jest.config.js

@@ -4,6 +4,9 @@ module.exports = {
   testEnvironment: 'jsdom',
   setupFilesAfterEnv: ['<rootDir>/src/setupTests.js'],
   testPathIgnorePatterns: ['/node_modules/', '/tests/', 'src/pages'],
+  transform: {
+    '\\.[jt]sx?$': 'babel-jest',
+  },
   transformIgnorePatterns: [
     'node_modules/(?!(react-router|react-router-dom|@remix-run|date-fns|konva|react-konva|@mintlayer)/)',
   ],