Merge branch 'main' into feature/add-details-page

Author: ErwanDecoster

.release-please-manifest.json

@@ -1 +1 @@
-{".":"1.4.0"}
+{".":"1.6.0"}

CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [1.6.0](https://github.com/iExecBlockchainComputing/explorer-v2/compare/iexec-explorer-v1.5.0...iexec-explorer-v1.6.0) (2025-06-02)
+
+
+### 🚀 Features
+
+* add chain switch ([#12](https://github.com/iExecBlockchainComputing/explorer-v2/issues/12)) ([9e7b020](https://github.com/iExecBlockchainComputing/explorer-v2/commit/9e7b020a84495402e4a0734f39f0b8fe10da1221))
+
+## [1.5.0](https://github.com/iExecBlockchainComputing/explorer-v2/compare/iexec-explorer-v1.4.0...iexec-explorer-v1.5.0) (2025-05-21)
+
+
+### 🚀 Features
+
+* add main pages ([#9](https://github.com/iExecBlockchainComputing/explorer-v2/issues/9)) ([d8fcb93](https://github.com/iExecBlockchainComputing/explorer-v2/commit/d8fcb93f5922d92bee2d5be2d15767bf4661f183))
+
 ## [1.4.0](https://github.com/iExecBlockchainComputing/explorer-v2/compare/iexec-explorer-v1.3.0...iexec-explorer-v1.4.0) (2025-05-13)
 
 

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "iexec-explorer",
   "private": true,
-  "version": "1.4.0",
+  "version": "1.6.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

package.json

@@ -1,17 +1,16 @@
 import { SUPPORTED_CHAINS } from '@/config';
 import { AlertOctagon } from 'lucide-react';
-import useUserStore from '@/stores/useUser.store';
+import { useAccount } from 'wagmi';
 import { Alert, AlertDescription, AlertTitle } from './ui/alert';
 
 const SUPPORTED_CHAIN_IDS = SUPPORTED_CHAINS.map((chain) => chain.id);
 
 export function UnsupportedChain() {
-  const { isConnected, chainId } = useUserStore();
-
+  const { isConnected, chainId } = useAccount();
   const isChainSupported =
     chainId !== undefined && SUPPORTED_CHAIN_IDS.includes(chainId);
 
-  if (isChainSupported || !isConnected) {
+  if (!isConnected || isChainSupported) {
     return null;
   }
 

src/components/UnsupportedChain.tsx

@@ -1,5 +1,5 @@
 import { SUPPORTED_CHAINS } from '@/config.ts';
-import { useRouter } from '@tanstack/react-router';
+import { useChainSwitch } from '@/hooks/useChainSwitch.ts';
 import useUserStore from '@/stores/useUser.store.ts';
 import {
   Select,
@@ -11,23 +11,17 @@ import {
 
 export function ChainSelector() {
   const { chainId } = useUserStore();
-  const { navigate } = useRouter();
-
+  const { requestChainChange } = useChainSwitch();
   const handleChainChange = async (value: string) => {
-    const newChainSlug = SUPPORTED_CHAINS.find(
-      (chain) => chain.id === Number(value)
-    )?.slug;
-    const pathParts = location.pathname.split('/').filter(Boolean);
-    const newPath =
-      pathParts.length > 1
-        ? `/${newChainSlug}/${pathParts.slice(1).join('/')}`
-        : `/${newChainSlug}`;
-
-    navigate({ to: newPath });
+    requestChainChange(Number(value));
   };
 
   return (
-    <Select value={chainId.toString()} onValueChange={handleChainChange}>
+    <Select
+      value={chainId?.toString()}
+      onValueChange={handleChainChange}
+      defaultValue="-1"
+    >
       <SelectTrigger>
         <SelectValue placeholder="Select Chain" />
       </SelectTrigger>

src/components/navbar/ChainSelector.tsx

@@ -1,5 +1,6 @@
 import arbitrumSepoliaIcon from './assets/chain-icons/arbitrum-sepolia.svg';
 import iexecLogo from './assets/iexec-logo.svg';
+import { bellecour, arbitrumSepolia } from './utils/wagmiNetworks';
 
 export const PREVIEW_TABLE_LENGTH = 5;
 export const DETAIL_TABLE_LENGTH = 8;
@@ -15,6 +16,7 @@ export const SUPPORTED_CHAINS = [
     icon: iexecLogo,
     blockExplorerUrl: 'https://blockscout-bellecour.iex.ec',
     subgraphUrl: 'https://thegraph.iex.ec/subgraphs/name/bellecour/poco-v5',
+    wagmiNetwork: bellecour,
   },
   {
     id: 421614,
@@ -25,5 +27,6 @@ export const SUPPORTED_CHAINS = [
     blockExplorerUrl: 'https://sepolia.arbiscan.io/',
     subgraphUrl:
       'http://localhost:8080/subgraphs/id/2GCj8gzLCihsiEDq8cYvC5nUgK6VfwZ6hm3Wj8A3kcxz',
+    wagmiNetwork: arbitrumSepolia,
   },
 ];

src/config.ts

@@ -3,9 +3,12 @@ import type { TypedDocumentString } from './graphql'
 
 export async function execute<TResult, TVariables>(
   query: TypedDocumentString<TResult, TVariables>,
-  chainId: number,
+  chainId?: number,
   ...[variables]: TVariables extends Record<string, never> ? [] : [TVariables]
 ) {
+  if (!chainId) {
+    throw Error('Missing chainId')
+  }
   const subgraphUrl = getSubgraphUrl(chainId);
   const response = await fetch(subgraphUrl, {
     method: 'POST',