feat(frontend): Explicitly write native Arbitrum and Base exchange rate (#12165)

# Motivation

To be more explicit and consistent, we add Arbitrum and Base native
tokens to the list of exchange rates, even if we use the Ethereum native
token as price.

Author: AntonioVentilii

src/frontend/src/lib/schema/post-message.schema.ts

@@ -173,7 +173,9 @@ export const PostMessageDataResponseExchangeSchema = PostMessageDataResponseSche
 	currentSplPrices: z.custom<CoingeckoSimpleTokenPriceResponse>(),
 	currentErc4626Prices: z.custom<CoingeckoSimpleTokenPriceResponse>(),
 	currentBnbPrice: z.custom<CoingeckoSimplePriceResponse>().optional(),
-	currentPolPrice: z.custom<CoingeckoSimplePriceResponse>().optional()
+	currentPolPrice: z.custom<CoingeckoSimplePriceResponse>().optional(),
+	currentArbitrumEthPrice: z.custom<CoingeckoSimplePriceResponse>().optional(),
+	currentBaseEthPrice: z.custom<CoingeckoSimplePriceResponse>().optional()
 });
 
 export const PostMessageDataResponseExchangeErrorSchema = PostMessageDataResponseSchema.extend({

src/frontend/src/lib/services/exchange.services.ts

@@ -1,4 +1,6 @@
 import type { TokenId } from '$declarations/backend/backend.did';
+import { ARBITRUM_MAINNET_NETWORK } from '$env/networks/networks-evm/networks.evm.arbitrum.env';
+import { BASE_NETWORK } from '$env/networks/networks-evm/networks.evm.base.env';
 import { BSC_MAINNET_NETWORK } from '$env/networks/networks-evm/networks.evm.bsc.env';
 import { POLYGON_MAINNET_NETWORK } from '$env/networks/networks-evm/networks.evm.polygon.env';
 import { ETHEREUM_NETWORK } from '$env/networks/networks.eth.env';
@@ -244,13 +246,23 @@ const POL_NATIVE_ENTRY: NativeTokenEntry = {
 	tokenId: { EvmNative: POLYGON_MAINNET_NETWORK.chainId },
 	coingeckoKey: 'polygon-ecosystem-token'
 };
+const ARBITRUM_ETH_NATIVE_ENTRY: NativeTokenEntry = {
+	tokenId: { EvmNative: ARBITRUM_MAINNET_NETWORK.chainId },
+	coingeckoKey: 'ethereum'
+};
+const BASE_ETH_NATIVE_ENTRY: NativeTokenEntry = {
+	tokenId: { EvmNative: BASE_NETWORK.chainId },
+	coingeckoKey: 'ethereum'
+};
 const NATIVE_TOKEN_IDS: NativeTokenEntry[] = [
 	ETH_NATIVE_ENTRY,
 	BTC_NATIVE_ENTRY,
 	ICP_NATIVE_ENTRY,
 	SOL_NATIVE_ENTRY,
 	BNB_NATIVE_ENTRY,
-	POL_NATIVE_ENTRY
+	POL_NATIVE_ENTRY,
+	ARBITRUM_ETH_NATIVE_ENTRY,
+	BASE_ETH_NATIVE_ENTRY
 ];
 
 const collectTokenPairs = <T>({
@@ -317,6 +329,8 @@ export const fetchAllExchangeRatesFromBackend = async ({
 	currentSolPrice: CoingeckoSimplePriceResponse | undefined;
 	currentBnbPrice: CoingeckoSimplePriceResponse | undefined;
 	currentPolPrice: CoingeckoSimplePriceResponse | undefined;
+	currentArbitrumEthPrice: CoingeckoSimplePriceResponse | undefined;
+	currentBaseEthPrice: CoingeckoSimplePriceResponse | undefined;
 	currentErc20Prices: CoingeckoSimpleTokenPriceResponse;
 	currentIcrcPrices: CoingeckoSimpleTokenPriceResponse;
 	currentSplPrices: CoingeckoSimpleTokenPriceResponse;
@@ -363,6 +377,8 @@ export const fetchAllExchangeRatesFromBackend = async ({
 		currentSolPrice: nativePrice({ ...SOL_NATIVE_ENTRY, coingeckoRates }),
 		currentBnbPrice: nativePrice({ ...BNB_NATIVE_ENTRY, coingeckoRates }),
 		currentPolPrice: nativePrice({ ...POL_NATIVE_ENTRY, coingeckoRates }),
+		currentArbitrumEthPrice: nativePrice({ ...ARBITRUM_ETH_NATIVE_ENTRY, coingeckoRates }),
+		currentBaseEthPrice: nativePrice({ ...BASE_ETH_NATIVE_ENTRY, coingeckoRates }),
 		currentErc20Prices: buildPriceMap({
 			pairs: erc20.pairs,
 			rates: coingeckoRates,
@@ -387,6 +403,8 @@ export const syncExchange = (data: PostMessageDataResponseExchange | undefined)
 				data.currentSolPrice,
 				data.currentBnbPrice,
 				data.currentPolPrice,
+				data.currentArbitrumEthPrice,
+				data.currentBaseEthPrice,
 				data.currentErc20Prices,
 				data.currentIcrcPrices,
 				data.currentSplPrices,

src/frontend/src/lib/workers/exchange.worker.ts

@@ -222,7 +222,9 @@ const syncExchange = async ({
 				currentSplPrices,
 				currentErc4626Prices,
 				currentBnbPrice,
-				currentPolPrice
+				currentPolPrice,
+				currentArbitrumEthPrice: currentEthPrice,
+				currentBaseEthPrice: currentEthPrice
 			}
 		} as PostMessage<PostMessageDataResponseExchange>);
 	} catch (err: unknown) {

src/frontend/src/tests/lib/services/exchange.services.spec.ts

@@ -271,6 +271,8 @@ describe('exchange.services', () => {
 					{ SolNativeMainnet: null },
 					{ EvmNative: 56n },
 					{ EvmNative: 137n },
+					{ EvmNative: 42161n },
+					{ EvmNative: 8453n },
 					{ Erc20: ['0xabc', 1n] },
 					{ Icrc: Principal.fromText('ryjl3-tyaaa-aaaaa-aaaba-cai') },
 					{ SplMainnet: 'SoLaddr1' }
@@ -327,6 +329,8 @@ describe('exchange.services', () => {
 			expect(result.currentSolPrice).toBeUndefined();
 			expect(result.currentBnbPrice).toBeUndefined();
 			expect(result.currentPolPrice).toBeUndefined();
+			expect(result.currentArbitrumEthPrice).toBeUndefined();
+			expect(result.currentBaseEthPrice).toBeUndefined();
 			expect(result.currentErc20Prices).toEqual({});
 			expect(result.currentIcrcPrices).toEqual({});
 			expect(result.currentSplPrices).toEqual({});
@@ -389,6 +393,8 @@ describe('exchange.services', () => {
 						{ SolNativeMainnet: null },
 						{ EvmNative: 56n },
 						{ EvmNative: 137n },
+						{ EvmNative: 42161n },
+						{ EvmNative: 8453n },
 						{ Erc20: ['0xabc', 999n] }
 					]
 				})
@@ -403,7 +409,9 @@ describe('exchange.services', () => {
 					[{ IcpNative: null }, mockExchangeRate],
 					[{ SolNativeMainnet: null }, mockExchangeRate],
 					[{ EvmNative: 56n }, mockExchangeRate],
-					[{ EvmNative: 137n }, mockExchangeRate]
+					[{ EvmNative: 137n }, mockExchangeRate],
+					[{ EvmNative: 42161n }, mockExchangeRate],
+					[{ EvmNative: 8453n }, mockExchangeRate]
 				)
 			);
 
@@ -422,6 +430,8 @@ describe('exchange.services', () => {
 			expect(result.currentSolPrice).toEqual({ solana: expectedPrice });
 			expect(result.currentBnbPrice).toEqual({ binancecoin: expectedPrice });
 			expect(result.currentPolPrice).toEqual({ 'polygon-ecosystem-token': expectedPrice });
+			expect(result.currentArbitrumEthPrice).toEqual({ ethereum: expectedPrice });
+			expect(result.currentBaseEthPrice).toEqual({ ethereum: expectedPrice });
 		});
 
 		it('should handle missing optional fields in BackendExchangeRate', async () => {

src/frontend/src/tests/lib/services/worker.exchange.service.spec.ts

@@ -120,7 +120,9 @@ describe('worker.exchange.services', () => {
 					currentSplPrices: {},
 					currentErc4626Prices: {},
 					currentBnbPrice: { binancecoin: { usd: 400 } },
-					currentPolPrice: {}
+					currentPolPrice: {},
+					currentArbitrumEthPrice: { ethereum: { usd: 1 } },
+					currentBaseEthPrice: { ethereum: { usd: 1 } }
 				};
 				const payload = { msg: 'syncExchange', data: mockData };
 				workerInstance.onmessage?.({ data: payload } as MessageEvent);

src/frontend/src/tests/lib/workers/exchange.worker.spec.ts

@@ -166,7 +166,9 @@ describe('exchange.worker', () => {
 						currentIcrcPrices: null,
 						currentPolPrice: { 'polygon-ecosystem-token': { usd: 1 } },
 						currentSolPrice: { solana: { usd: 1 } },
-						currentSplPrices: null
+						currentSplPrices: null,
+						currentArbitrumEthPrice: { ethereum: { usd: 1 } },
+						currentBaseEthPrice: { ethereum: { usd: 1 } }
 					}
 				});
 			});
@@ -641,7 +643,9 @@ describe('exchange.worker', () => {
 							currentIcrcPrices: { icrc1: { usd: 1 }, icrc2: { usd: 1 } },
 							currentPolPrice: { 'polygon-ecosystem-token': { usd: 1 } },
 							currentSolPrice: { solana: { usd: 1 } },
-							currentSplPrices: { spl1: { usd: 1 }, spl2: { usd: 1 } }
+							currentSplPrices: { spl1: { usd: 1 }, spl2: { usd: 1 } },
+							currentArbitrumEthPrice: { ethereum: { usd: 1 } },
+							currentBaseEthPrice: { ethereum: { usd: 1 } }
 						}
 					});
 				});
@@ -702,7 +706,9 @@ describe('exchange.worker', () => {
 							currentIcrcPrices: { icrc1: { usd: 1 }, icrc2: { usd: 1 } },
 							currentPolPrice: { 'polygon-ecosystem-token': { usd: 1, usd_24h_change: 3 } },
 							currentSolPrice: { solana: { usd: 1, usd_24h_change: 3 } },
-							currentSplPrices: { spl1: { usd: 1 }, spl2: { usd: 1 } }
+							currentSplPrices: { spl1: { usd: 1 }, spl2: { usd: 1 } },
+							currentArbitrumEthPrice: { ethereum: { usd: 1, usd_24h_change: 3 } },
+							currentBaseEthPrice: { ethereum: { usd: 1, usd_24h_change: 3 } }
 						}
 					});
 				});