fix: Small fixes and adjustments (#37)

* fix: update favicon to use new logo and remove unused vite.svg

* fix: improve validation logic in DownloadResult component

* feat: enhance SmartLinkGroup with ENS lookup and display

* fix: simplify no dataset message in deals table

* feat: display dataset name in deal details

* fix: remove WalletConnect integration from wagmiConfig using default reown instead

* feat: add splat route for dynamic handling in chain slug layout

* feat: replace dataset and workerpool name display with CopyButton for easier copying

* feat: reorder columns; update formatElapsedTime to return 'just now' instead of 'a few second ago'

* refactor: replace inline styles with class-based color management in SuccessCell component

* fix: update Tabs component layout for better responsiveness

* feat: enhance CopyButton to display tooltip with text in various components and fix overflow

* fix: correct type for SmartLinkGroup in transaction details

* feat: add MrEnclave display in app details and implement mrEnclaveHexToHuman utility

* fix: testing corrected Buffer not found

* fix: standardize string method usage in mrEnclaveHexToHuman function

* feat: add buffer dependency and import in format utility functions

* fix: implement address contribution columns and update data handling in AddressContributionTable

* fix: enhance big time formatting in formatElapsedTime function

* feat: add custom scrollbar styles for improved UI experience

* fix: improve formatting consistency in formatElapsedTime function

* fix: remove unused finalDeadlineTimestamp from StatusCell

* fix: simplify StatusCell rendering in columns definition

* fix: update layout and styling for improved responsiveness and consistency

* feat: replace default box icon by page data corresponding icon

* fix: bad icon case in import

* docs: update README with project description, features, installation instructions, and tech stack

* feat: implement address and id validation functions, enhance error handling with NotFoundError class

* feat: enable scroll restoration in router initialization for improved navigation experience

* fix: update table body styles for improved zebra striping and hover effects

* feat: enhance CopyButton component for mobile compatibility to avoid miss click

* fix: adjust layout widths and table column spans for improved responsiveness

* refactor: streamline CopyButton component layout and improve mobile interaction

* feat: add breadcrumb components for apps, datasets, deals, tasks, and workerpools to enhance navigation

* feat: update preview tables to include specific labels for apps, datasets, deals, tasks, and workerpools for improved clarity

* feat: update layout to utilize new 3xl breakpoint for improved responsiveness of preview tables

* fix: adjust spacing in DatasetsPreviewTable and WorkerpoolsPreviewTable for improved readability

* style: update button and anchor styles to ensure consistent cursor behavior

* style: change pagination button size from default to icon for improved visual consistency

* style: update Root component layout for improved structure and spacing

* fix: prevent rendering of MrEnclave block when value is '0x' to ensure accurate display of app details

* fix: a <button> cannot be nested inside another <button>

Author: ErwanDecoster

README.md

@@ -1,83 +1,86 @@
-# iExec explorer
+# iExec Explorer
 
-## Install
+<img src="src/assets/iexec-logo.svg" alt="iExec logo" width="60" />
 
-```sh
-npm ci
-npm run codegen
-```
-
-## Develop
+## Description
 
-```sh
-# npm ci
-# npm run codegen
-npm run dev
-```
+**iExec Explorer** is a modern web app to explore the iExec protocol across multiple supported blockchains (Bellecour, Arbitrum Sepolia, etc.). It lets you search, browse, and analyze deals, tasks, apps, datasets, workerpools, transactions, and accounts, with an integrated wallet manager.
 
-browse <http://localhost:5173>
-
-## Build
-
-```sh
-# npm ci
-# npm run codegen
-npm run build
-```
+## Main Features
 
-You can serve the build with `npx serve -p 3000 ./dist` and browse <http://localhost:3000>
+- 🔎 **Universal search**: by address, deal/task/tx hash, ENS, etc.
+- 📊 **Entity explorer**: Deals, Tasks, Apps, Datasets, Workerpools, Transactions, Accounts
+- 🧩 **Detailed views**: all key info for each entity
+- 🦾 **Multi-chain support**
+- 👛 **Wallet Manager**: deposit, withdraw, balance
+- ⚡ **Live data**: auto-refresh tables
+- 🛡️ **Secure wallet connection** (Wagmi, WalletConnect, etc.)
+- 🎨 **Modern UI**: responsive, dark mode
 
-## Template: React + TypeScript + Vite
+## Quick Start
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+### Prerequisites
+- Node.js >= 18
+- npm >= 9
 
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+### Install
+```bash
+git clone <repo-url>
+cd explorer-v2
+npm install
+```
 
-### Expanding the ESLint configuration
+### Generate GraphQL Types (required)
+```bash
+npm run codegen
+```
+This command generates the necessary GraphQL types for the project.
 
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+### Configure
+Create a `.env` file at the root:
+```env
+VITE_REOWN_PROJECT_ID=your_project_id
+VITE_ROLLBAR_ACCESS_TOKEN=your_rollbar_token # (optional)
+```
 
-```js
-export default tseslint.config({
-  extends: [
-    // Remove ...tseslint.configs.recommended and replace with this
-    ...tseslint.configs.recommendedTypeChecked,
-    // Alternatively, use this for stricter rules
-    ...tseslint.configs.strictTypeChecked,
-    // Optionally, add this for stylistic rules
-    ...tseslint.configs.stylisticTypeChecked,
-  ],
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-});
+### Run
+```bash
+npm run dev
 ```
+App runs at [http://localhost:5173](http://localhost:5173) by default.
 
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactDom from 'eslint-plugin-react-dom';
-import reactX from 'eslint-plugin-react-x';
-
-export default tseslint.config({
-  plugins: {
-    // Add the react-x and react-dom plugins
-    'react-x': reactX,
-    'react-dom': reactDom,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended typescript rules
-    ...reactX.configs['recommended-typescript'].rules,
-    ...reactDom.configs.recommended.rules,
-  },
-});
+### Build
+```bash
+npm run build
+npm run preview
 ```
+
+## Useful Scripts
+- `npm run dev` — start dev server
+- `npm run build` — production build
+- `npm run preview` — preview build
+- `npm run lint` — lint code
+- `npm run check-type` — TypeScript check
+- `npm run format` — Prettier format
+- `npm run codegen` — GraphQL types
+
+## Tech Stack
+- **React 19** + TypeScript
+- **Vite**
+- **TailwindCSS**
+- **TanStack Router & React Query**
+- **GraphQL** (TheGraph)
+- **Wagmi & WalletConnect**
+- **Zustand**
+- **Rollbar**
+
+## Links
+- [iExec Website](https://www.iex.ec/)
+- [iExec Docs](https://docs.iex.ec/)
+- [Blockscout Bellecour](https://blockscout-bellecour.iex.ec/)
+
+## Contributing
+Contributions are welcome! Please open issues or pull requests.
+
+## License
+MIT

index.html

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/iexec-logo.svg" />
+    <link rel="icon" type="image/svg+xml" href="/src/assets/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>iExec Explorer</title>
   </head>

package-lock.json

@@ -39,6 +39,7 @@
     "@tanstack/react-table": "^8.21.3",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "big.js": "^7.0.1",
+    "buffer": "^6.0.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",