Merge pull request #1503 from ssvlabs/stage

Stage to Main (fix: explorer url)

Author: sumbat-ssvlabs

.env.development

@@ -20,4 +20,4 @@ VITE_MIXPANEL_TOKEN=$MIXPANEL_TOKEN
 # ---------------------------------------------------------
 
 # Mainnet + Hoodi
-VITE_SSV_NETWORKS='[{"networkId":560048,"api":"https://api.stage.ops.ssvlabsinternal.com/api","apiVersion":"v4","apiNetwork":"hoodi","explorerUrl":"https://hoodi-explorer.stage.ssv.network","insufficientBalanceUrl":"https://faucet.stage.ssv.network","googleTagSecret":"GTM-K3GR7M5","tokenAddress":"0x746c33ccc28b1363c35c09badaf41b2ffa7e6d56","setterContractAddress":"0x0aaace4e8affc47c6834171c88d342a4abd8f105","getterContractAddress":"0x9143b8c25efa53f28de4cbefd0b6dfd66d43fea6", "bAppContractAddress" : "0x40d959B95e7c56962D6d388d87921c03734b9C2C"}]'
+VITE_SSV_NETWORKS='[{"networkId":560048,"api":"https://api.stage.ops.ssvlabsinternal.com/api","apiVersion":"v4","apiNetwork":"hoodi","explorerUrl":"https://explorer.stage.ssv.network","insufficientBalanceUrl":"https://faucet.stage.ssv.network","googleTagSecret":"GTM-K3GR7M5","tokenAddress":"0x746c33ccc28b1363c35c09badaf41b2ffa7e6d56","setterContractAddress":"0x0aaace4e8affc47c6834171c88d342a4abd8f105","getterContractAddress":"0x9143b8c25efa53f28de4cbefd0b6dfd66d43fea6", "bAppContractAddress" : "0x40d959B95e7c56962D6d388d87921c03734b9C2C"}]'

.github/workflows/build_deploy.yml

@@ -24,7 +24,7 @@ jobs:
             \"apiVersion\": \"v4\",
             \"apiNetwork\": \"hoodi\",  
             \"api\": \"https://api.stage.ops.ssvlabsinternal.com/api\",
-            \"explorerUrl\": \"https://hoodi-explorer.stage.ssv.network\",
+            \"explorerUrl\": \"https://explorer.stage.ssv.network\",
             \"insufficientBalanceUrl\": \"https://faucet.stage.ssv.network\",
             \"googleTagSecret\": \"${{ secrets.STAGE_GOOGLE_TAG_SECRET }}\",
             \"tokenAddress\": \"0x746c33ccc28b1363c35c09badaf41b2ffa7e6d56\",
@@ -53,7 +53,7 @@ jobs:
             \"apiVersion\": \"v4\",
             \"apiNetwork\": \"hoodi\",  
             \"api\": \"https://api.ssv.network/api\",
-            \"explorerUrl\": \"https://hoodi.explorer.ssv.network\",
+            \"explorerUrl\": \"https://explorer.ssv.network\",
             \"insufficientBalanceUrl\": \"https://faucet.ssv.network\",
             \"googleTagSecret\": \"${{ secrets.STAGE_GOOGLE_TAG_SECRET }}\",
             \"tokenAddress\": \"0x9F5d4Ec84fC4785788aB44F9de973cF34F7A038e\",

src/app/layouts/dashboard/navbar.tsx

@@ -23,6 +23,8 @@ import { useLinks } from "@/hooks/use-links";
 import { useAccountState } from "@/hooks/account/use-account-state";
 import { textVariants } from "@/components/ui/text";
 import { DropdownMenuGroup } from "@radix-ui/react-dropdown-menu";
+import { useSSVNetworkDetails } from "@/hooks/use-ssv-network-details";
+import urlJoin from "url-join";
 
 export type NavbarProps = {
   // TODO: Add props or remove this type
@@ -36,6 +38,11 @@ export const Navbar: FCProps = ({ className, ...props }) => {
   const links = useLinks();
   const { accountRoutePath, dvtRoutePath } = useAccountState();
   const pathname = useLocation().pathname;
+  const ssvNetworkDetails = useSSVNetworkDetails();
+  const explorerUrl = urlJoin(
+    links.ssv.explorer,
+    ssvNetworkDetails.apiNetwork.toLowerCase(),
+  );
 
   return (
     <div
@@ -119,7 +126,7 @@ export const Navbar: FCProps = ({ className, ...props }) => {
             DVT
           </NavLink>
           <NavLink
-            to={links.ssv.explorer}
+            to={explorerUrl}
             target="_blank"
             className={textVariants({
               variant: "body-3-medium",
@@ -229,7 +236,7 @@ export const Navbar: FCProps = ({ className, ...props }) => {
               </DropdownMenuItem>
               <DropdownMenuSeparator />
               <DropdownMenuItem className="h-[52px]" asChild>
-                <NavLink to={links.ssv.explorer} target="_blank">
+                <NavLink to={explorerUrl} target="_blank">
                   Explorer <HiOutlineExternalLink className="text-gray-600" />
                 </NavLink>
               </DropdownMenuItem>

src/components/ui/ssv-explorer-btn.tsx

@@ -33,7 +33,8 @@ export const SsvExplorerBtn: SsvExplorerBtnFC = ({ className, ...props }) => {
   const clearedProps = omit(props, ["operatorId", "validatorId"]);
   const href = urlJoin(
     network.explorerUrl,
-    isOperator ? "operators" : "validators",
+    network.apiNetwork.toLowerCase(),
+    isOperator ? "operator" : "validator",
     id.toString(),
   );
 

src/hooks/use-links.ts

@@ -7,13 +7,13 @@ export const useLinks = () => {
   const { chain } = useAccount();
   return useMemo(() => {
     const prefix = chain?.testnet ? `${chain.name.toLowerCase()}.` : "";
-    const ssvPrefix = isProduction ? "" : `.stage`;
+    const explorerEnv = isProduction ? "" : `.stage`;
     return {
       beaconcha: `https://${prefix}beaconcha.in`,
       launchpad: `https://${prefix}launchpad.ethereum.org`,
       etherscan: `https://${prefix}etherscan.io`,
       ssv: {
-        explorer: `https://${isProduction ? prefix : ""}explorer${ssvPrefix}.ssv.network`,
+        explorer: `https://explorer${explorerEnv}.ssv.network/`,
         docs: `https://docs.ssv.network`,
         forum: `https://forum.ssv.network/`,
         governanceForum: `https://forum.ssv.network/`,