StableTechnologies · KevinMehrabi · Mar 12, 2026 · Mar 12, 2026 · Mar 12, 2026 · Mar 12, 2026
diff --git a/src/ui/package-lock.json b/src/ui/package-lock.json
diff --git a/src/ui/package.json b/src/ui/package.json
@@ -3,7 +3,7 @@
   "version": "0.2.0",
   "private": true,
   "dependencies": {
-    "@airgap/beacon-sdk": "^4.6.4",
+    "@airgap/beacon-sdk": "^4.7.0",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
@@ -58,8 +58,9 @@
     "vm-browserify": "^1.1.2"
   },
   "scripts": {
-    "start": "DISABLE_ESLINT_PLUGIN=true REACT_APP_ENV=dev npm run patch && react-app-rewired start",
-    "mainnet": "DISABLE_ESLINT_PLUGIN=true npm run patch && react-app-rewired start",
+    "start": "DISABLE_ESLINT_PLUGIN=true REACT_APP_ENV=shadownet npm run patch && react-app-rewired start",
+    "mainnet": "DISABLE_ESLINT_PLUGIN=true REACT_APP_ENV=mainnet npm run patch && react-app-rewired start",
+    "tezlink:shadownet": "DISABLE_ESLINT_PLUGIN=true REACT_APP_ENV=tezlink-shadownet npm run patch && react-app-rewired start",
     "patch": "patch-package",
     "build": "npm run patch && tsc && react-app-rewired build",
     "test": "react-app-rewired test",

diff --git a/src/ui/src/components/Constants/index.js b/src/ui/src/components/Constants/index.js
@@ -1,4 +1,6 @@
-import { AssetType, testnetAddresses, mainnetAddresses } from 'tezoslendingplatformjs';
+import {
+    AssetType, testnetAddresses, mainnetAddresses, tezlinkShadownetAddresses
+} from 'tezoslendingplatformjs';
 import fUSDtz from '../../assets/fusdtz.svg';
 import fXTZ from '../../assets/fXTZ.svg';
 import fUSDT from '../../assets/fusdt.svg';
@@ -24,7 +26,20 @@ import fstXTZ from '../../assets/fstXTZ.svg';
 // import fOXTZ from '../../assets/foxtz.svg';
 // import fWTZ from '../../assets/fwtz.svg';
 
-const addresses = process.env.REACT_APP_ENV=="dev"? testnetAddresses : mainnetAddresses;
+export const getAddresses = () => {
+    switch (process.env.REACT_APP_ENV) {
+    case 'shadownet':
+        return testnetAddresses;
+    case 'tezlink-shadownet':
+        return tezlinkShadownetAddresses;
+    case 'mainnet':
+        return mainnetAddresses;
+    default:
+        return mainnetAddresses;
+    }
+};
+
+const addresses = getAddresses();
 
 export const tokens = [
     {
@@ -34,7 +49,7 @@ export const tokens = [
         fLogo: fXTZ,
         banner: 'Tez',
         assetType: AssetType.XTZ,
-	address: ''
+        address: ''
     },
     {
         title: 'USDtz',
@@ -43,7 +58,7 @@ export const tokens = [
         fLogo: fUSDtz,
         banner: 'USDtz',
         assetType: AssetType.USD,
-	address: addresses.underlying.USD?.address ?? ''
+        address: addresses.underlying.USD?.address ?? ''
     },
     {
         title: 'USDt',
@@ -52,17 +67,17 @@ export const tokens = [
         fLogo: fUSDT,
         banner: 'USDt',
         assetType: AssetType.USDT,
-	address: addresses.underlying.USDT?.address ?? ''
+        address: addresses.underlying.USDT?.address ?? ''
     },
-    {
+    process.env.REACT_APP_ENV !== 'tezlink-shadownet' && {
         title: 'tzBTC',
         name: 'tzBTC',
         logo: tzBTC,
         fLogo: ftzBTC,
         banner: 'tzBTC',
         assetType: AssetType.TZBTC,
         visibilityThreshold: 0.0000001,
-	address: addresses.underlying.TZBTC?.address ?? ''
+        address: addresses.underlying.TZBTC?.address ?? ''
     },
     {
         title: 'stXTZ',
@@ -86,16 +101,16 @@ export const tokens = [
     // {
     //     title: 'WTZ', logo: wtz, fLogo: fWTZ, banner: 'WTZ', assetType: AssetType.WTZ // TODO:  update fToken for  WTZ
     // }
-];
+].filter(Boolean);
 export const tokenColor = {
-  XTZ: 'rgb(51,145,246)',
-  USDtz: 'rgb(24,157,163)',
-  USDt: 'rgb(65 145 146)',
-  tzBTC: 'rgb(20,89,255)',
-  stXTZ: '#2B62F8'
-  // ETHtz: '#662F9D',
-  // BTCtz: '#F2991A',
-  // oXTZ: '#B52B31',
-  // WTZ: '#0C2C93'
-  // CTEZ: '#2B62F8'
+    XTZ: 'rgb(51,145,246)',
+    USDtz: 'rgb(24,157,163)',
+    USDt: 'rgb(65 145 146)',
+    tzBTC: 'rgb(20,89,255)',
+    stXTZ: '#2B62F8'
+    // ETHtz: '#662F9D',
+    // BTCtz: '#F2991A',
+    // oXTZ: '#B52B31',
+    // WTZ: '#0C2C93'
+    // CTEZ: '#2B62F8'
 };
diff --git a/src/ui/src/components/Dashboard/BorrowMarketTokenTable.tsx b/src/ui/src/components/Dashboard/BorrowMarketTokenTable.tsx
@@ -5,7 +5,7 @@
 import React, { useState } from 'react';
 import { useSelector } from 'react-redux';
 
-import { AssetType, decimals, mainnetAddresses, testnetAddresses } from 'tezoslendingplatformjs';
+import { AssetType, decimals } from 'tezoslendingplatformjs';
 import BigNumber from 'bignumber.js';
 
 import Table from '@mui/material/Table';
@@ -16,12 +16,13 @@ import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
 import { Button, Typography } from '@mui/material';
 
-import { decimalify, nFormatter, roundValue } from '../../util';
+import { decimalify, getExplorerLink, nFormatter, roundValue } from '../../util';
 
 import AllMarketModal from '../AllMarketModal';
 import TableSkeleton from '../Skeleton';
 
 import { useStyles } from './style';
+import { getAddresses } from '../Constants';
 
 const BorrowMarketTokenTable = (props) => {
     const classes = useStyles();
@@ -36,12 +37,8 @@ const BorrowMarketTokenTable = (props) => {
     };
 
     const handleClickDetails = (asset: AssetType) => {
-        const fTokenAddress = 
-            process.env.REACT_APP_ENV == 'dev' ? testnetAddresses.fTokens[asset] : mainnetAddresses.fTokens[asset];
-        const tzktUrl =
-            process.env.REACT_APP_ENV == "dev"
-                ? `https://shadownet.tzkt.io/${fTokenAddress}/operations`
-                : `https://tzkt.io/${fTokenAddress}/operations`;
+        const fTokenAddress = getAddresses().fTokens[asset];
+        const tzktUrl = `${getExplorerLink()}/${fTokenAddress}/operations`;
         window.open(tzktUrl, '_blank');
     };
 

diff --git a/src/ui/src/components/Header/index.js b/src/ui/src/components/Header/index.js
@@ -19,7 +19,7 @@ import { borrowCompositionAction } from "../../reduxContent/borrowComposition/ac
 import { LightTooltip } from "../StackedBars/style.tsx";
 
 // eslint-disable-next-line import/no-dynamic-require
-const config = require(`../../library/${process.env.REACT_APP_ENV || "prod"}-network-config.json`);
+const config = require(`../../library/${process.env.REACT_APP_ENV || 'mainnet'}-network-config.json`);
 
 const Header = () => {
     const classes = useStyles();

diff --git a/src/ui/src/components/StatusModal/PendingModal.js b/src/ui/src/components/StatusModal/PendingModal.js
@@ -1,6 +1,5 @@
 // eslint-disable-next-line no-use-before-define
 import React, { useEffect, useState } from 'react';
-import { useSelector } from 'react-redux';
 
 import IconButton from '@mui/material/IconButton';
 
@@ -10,14 +9,12 @@ import confirmGif from '../../assets/confirm.gif';
 import CopyIcon from '../../assets/copyIcon.svg';
 
 import useStyles from './style';
-import { shorten } from '../../util';
+import { shorten, getExplorerLink } from '../../util';
 
 const PendingModal = (props) => {
     const classes = useStyles();
     const { token, tokenText, response } = props;
 
-    const { network } = useSelector((state) => state.nodes.tezosNode.conseilServerInfo);
-
     const [transactionHash, setTransactionHash] = useState('one');
 
     useEffect(() => {
@@ -35,9 +32,8 @@ const PendingModal = (props) => {
                 ? <>
                     Operation hash: {' '}
                     <a
-                        href={(network === 'mainnet')
-                            ? `https://tzkt.io/${transactionHash}`
-                            : `https://${network}.tzkt.io/${transactionHash}`
+                        href={
+                            `${getExplorerLink()}/${transactionHash}`
                         }
                         target="_blank"
                         rel="noopener"

diff --git a/src/ui/src/library/prod-network-config.json → ...i/src/library/mainnet-network-config.json b/src/ui/src/library/prod-network-config.json → ...i/src/library/mainnet-network-config.json
diff --git a/src/ui/src/library/dev-network-config.json → ...src/library/shadownet-network-config.json b/src/ui/src/library/dev-network-config.json → ...src/library/shadownet-network-config.json
diff --git a/src/ui/src/library/tezlink-shadownet-network-config.json b/src/ui/src/library/tezlink-shadownet-network-config.json
@@ -0,0 +1,12 @@
+
+{
+  "infra": {
+    "tezosNode": "https://rpc.shadownet.tezlink.nomadic-labs.com",
+    "conseilServer": {
+      "url": "https://conseil-ithaca.cryptonomic-infra.tech:443",
+      "apiKey": "",
+      "network": "tezlink-shadownet"
+    }
+  },
+  "dappName": "TezFin"
+}
diff --git a/src/ui/src/reduxContent/nodes/actions.js b/src/ui/src/reduxContent/nodes/actions.js
@@ -1,15 +1,14 @@
 import {
-	Comptroller,
-	testnetAddresses,
-	mainnetAddresses,
+	Comptroller
 } from "tezoslendingplatformjs";
 import { GET_COMPTROLLER, GET_PROTOCOL_ADDRESSES, GET_TEZOS_NODE } from './types';
+import { getAddresses } from '../../components/Constants';
 
 const config = require(`../../library/${
-	process.env.REACT_APP_ENV || "prod"
+	process.env.REACT_APP_ENV || "mainnet"
 }-network-config.json`);
 
-const addresses = process.env.REACT_APP_ENV=="dev"? testnetAddresses : mainnetAddresses
+const addresses = getAddresses();
 
 export const granadanetAction = () => async (dispatch) => {
     dispatch({ type: GET_PROTOCOL_ADDRESSES, payload: addresses });

diff --git a/src/ui/src/util/index.js b/src/ui/src/util/index.js
@@ -6,7 +6,7 @@ import bigInt from 'big-integer';
 import { TezosLendingPlatform } from 'tezoslendingplatformjs';
 
 // eslint-disable-next-line import/no-dynamic-require
-const config = require(`../library/${process.env.REACT_APP_ENV || 'prod'}-network-config.json`);
+const config = require(`../library/${process.env.REACT_APP_ENV || 'mainnet'}-network-config.json`);
 
 const client = new DAppClient({ name: config.dappName, network: { type: config.infra.conseilServer.network } });
 
@@ -79,12 +79,13 @@ export const evaluateTransaction = async (operations) => {
         const counter = await TezosNodeReader.getCounterForAccount(config.infra.tezosNode, address);
 
         console.log("operation", operations);
+        const optimizeGas = config.infra.conseilServer.network !== 'tezlink-shadownet';
         const opGroup = await TezosNodeWriter.prepareOperationGroup(
             config.infra.tezosNode,
             keyStore,
             counter,
             operations,
-            true,
+            optimizeGas
         );
 
         return { opGroup };
@@ -228,3 +229,16 @@ export const nFormatter = (num, formatDecimals = 4) => {
             .match(/^-?\d+(?:\.\d{0,2})?/) + suffix[i].symbol
     );
 };
+
+export const getExplorerLink = () => {
+    switch (config.infra.conseilServer.network) {
+    case 'mainnet':
+        return 'https://tzkt.io';
+    case 'shadownet':
+        return 'https://shadownet.tzkt.io';
+    case 'tezlink-shadownet':
+        return 'https://shadownet.tezlink.tzkt.io';
+    default:
+        return 'https://tzkt.io';
+    }
+};