Merge pull request #153 from P4-Games/build/externalize-explorer-urls

merge feature/externalize-explorer-urls into develop

Dockerfile

@@ -30,6 +30,9 @@ ARG NEXT_PUBLIC_FROM_ICP
 ARG NEXT_PUBLIC_USE_MOCK
 ARG NEXT_PUBLIC_UI_URL
 ARG NEXT_PUBLIC_ALLOWED_ORIGINS
+ARG NEXT_PUBLIC_EXPLORER_L1_URL
+ARG NEXT_PUBLIC_EXPLORER_L2_URL
+ARG NEXT_PUBLIC_EXPLORER_NFT_URL
 ARG RECAPTCHA_API_KEY
 ARG PUSH_NETWORK
 ARG PUSH_ENVIRONMENT
@@ -59,6 +62,9 @@ ENV NEXT_PUBLIC_FROM_ICP $NEXT_PUBLIC_FROM_ICP
 ENV NEXT_PUBLIC_USE_MOCK $NEXT_PUBLIC_USE_MOCK
 ENV NEXT_PUBLIC_UI_URL $NEXT_PUBLIC_UI_URL
 ENV NEXT_PUBLIC_ALLOWED_ORIGINS $NEXT_PUBLIC_ALLOWED_ORIGINS
+ENV NEXT_PUBLIC_EXPLORER_L1_URL $NEXT_PUBLIC_EXPLORER_L1_URL
+ENV NEXT_PUBLIC_EXPLORER_L2_URL $NEXT_PUBLIC_EXPLORER_L2_URL
+ENV NEXT_PUBLIC_EXPLORER_NFT_URL $NEXT_PUBLIC_EXPLORER_NFT_URL
 ENV RECAPTCHA_API_KEY $RECAPTCHA_API_KEY
 ENV PUSH_NETWORK $PUSH_NETWORK
 ENV PUSH_ENVIRONMENT $PUSH_ENVIRONMENT

cloudbuild.yaml

@@ -34,6 +34,9 @@ steps:
       - NEXT_PUBLIC_RECAPTCHA_SITE_KEY=${_NEXT_PUBLIC_RECAPTCHA_SITE_KEY}
       - NEXT_PUBLIC_NFT_IMAGE_REPOSITORY=${_NEXT_PUBLIC_NFT_IMAGE_REPOSITORY}
       - NEXT_PUBLIC_NFT_MARKETPLACE_URL=${_NEXT_PUBLIC_NFT_MARKETPLACE_URL}
+      - NEXT_PUBLIC_EXPLORER_L1_URL=${_NEXT_PUBLIC_EXPLORER_L1_URL}
+      - NEXT_PUBLIC_EXPLORER_L2_URL=${_NEXT_PUBLIC_EXPLORER_L2_URL}
+      - NEXT_PUBLIC_EXPLORER_NFT_URL=${_NEXT_PUBLIC_EXPLORER_NFT_URL}
     secretEnv: [
       'BACKEND_API_TOKEN_SECRET'
     ]
@@ -75,6 +78,9 @@ steps:
       '--build-arg', 'NEXT_PUBLIC_FROM_ICP=${_NEXT_PUBLIC_FROM_ICP}',
       '--build-arg', 'NEXT_PUBLIC_UI_URL=${_NEXT_PUBLIC_UI_URL}',
       '--build-arg', 'NEXT_PUBLIC_ALLOWED_ORIGINS=${_NEXT_PUBLIC_ALLOWED_ORIGINS}',
+      '--build-arg', 'NEXT_PUBLIC_EXPLORER_L1_URL=${_NEXT_PUBLIC_EXPLORER_L1_URL}',
+      '--build-arg', 'NEXT_PUBLIC_EXPLORER_L2_URL=${_NEXT_PUBLIC_EXPLORER_L2_URL}',
+      '--build-arg', 'NEXT_PUBLIC_EXPLORER_NFT_URL=${_NEXT_PUBLIC_EXPLORER_NFT_URL}',
       '.'
     ]  
     secretEnv: [

example_env

@@ -31,4 +31,7 @@ NEXT_PUBLIC_ALLOWED_ORIGINS=http://localhost:3000
 NEXT_PUBLIC_RECAPTCHA_SITE_KEY={recaptcha side key}
 NEXT_PUBLIC_NFT_IMAGE_REPOSITORY={gcp|ipfs|icp}
 NEXT_PUBLIC_NFT_MARKETPLACE_URL=https://testnets.opensea.io/assets/arbitrum_sepolia/0xAc3F97E45F67052b1AdBbC4d4eB1153Ba14E955d
+NEXT_PUBLIC_EXPLORER_L1_URL='https://sepolia.etherscan.io'
+NEXT_PUBLIC_EXPLORER_L2_URL='https://sepolia.arbiscan.io/' 
+NEXT_PUBLIC_EXPLORER_NFT_URL='https://sepolia.arbiscan.io'
 

scripts/docker-build.sh

@@ -35,5 +35,8 @@ docker build \
   --build-arg JWT_SECRET="$JWT_SECRET" \
   --build-arg NEXT_PUBLIC_FROM_ICP="$NEXT_PUBLIC_FROM_ICP" \
   --build-arg NEXT_PUBLIC_UI_URL="$NEXT_PUBLIC_UI_URL" \
+  --build-arg NEXT_PUBLIC_EXPLORER_L1_URL="$NEXT_PUBLIC_EXPLORER_L1_URL" \
+  --build-arg NEXT_PUBLIC_EXPLORER_L2_URL="$NEXT_PUBLIC_EXPLORER_L2_URL" \
+  --build-arg NEXT_PUBLIC_EXPLORER_NFT_URL="$NEXT_PUBLIC_EXPLORER_NFT_URL" \
   --build-arg NEXT_PUBLIC_ALLOWED_ORIGINS="$NEXT_PUBLIC_ALLOWED_ORIGINS" \
   -t my-nextjs-app ..

src/config-global.ts

@@ -36,6 +36,12 @@ export const USE_MOCK = (process.env.NEXT_PUBLIC_USE_MOCK || 'true') === 'true'
 export const ALLOWED_ORIGINS = process.env.NEXT_PUBLIC_ALLOWED_ORIGINS || '*'
 export const fromICP = (process.env.NEXT_PUBLIC_FROM_ICP || 'true') === 'true'
 export const RECAPTCHA_SITE_KEY = process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY || ''
+export const EXPLORER_L1_URL: string =
+  process.env.NEXT_PUBLIC_EXPLORER_L1_URL || 'https://sepolia.etherscan.io'
+export const EXPLORER_L2_URL: string =
+  process.env.NEXT_PUBLIC_EXPLORER_L2_URL || 'https://sepolia.arbiscan.io/'
+export const EXPLORER_NFT_URL: string =
+  process.env.NEXT_PUBLIC_EXPLORER_NFT_URL || 'https://sepolia.arbiscan.io'
 export const NFT_IMAGE_REPOSITORY = (
   process.env.NEXT_PUBLIC_NFT_IMAGE_REPOSITORY || 'gcp'
 ).toLowerCase()
@@ -46,16 +52,11 @@ export const PATH_AFTER_LOGIN = `/dashboard`
 export const BOT_WAPP_URL =
   'https://api.whatsapp.com/send/?phone=5491164629653&text=MESSAGE&type=phone_number&app_absent=0'
 
-export const EXPLORER_L1 = 'https://sepolia.etherscan.io'
-export const EXPLORER_L2 = 'https://l1sload-blockscout.scroll.io' // Scroll devnet Explorer
-export const NFT_TRX_EXPLORER = 'https://sepolia.arbiscan.io'
-
 export const NFT_MARKETPLACE_URL =
   process.env.NEXT_PUBLIC_NFT_MARKETPLACE_URL ||
   'https://testnets.opensea.io/assets/arbitrum_sepolia'
 
 export const NFT_SHARE = 'https://api.whatsapp.com/send/?text=MESSAGE'
-
 export const STORAGE_KEY_TOKEN = 'accessToken'
 export const STORAGE_KEY_SETTINGS = 'settings'
 export const CONTACT_EMAIL = '[email protected]'

src/sections/banking/banking-balances.tsx

@@ -22,7 +22,7 @@ import { useResponsive } from 'src/hooks/use-responsive'
 import { fNumber } from 'src/utils/format-number'
 
 import { useTranslate } from 'src/locales'
-import { EXPLORER_L1, EXPLORER_L2, BOT_WAPP_URL } from 'src/config-global'
+import { EXPLORER_L1_URL, EXPLORER_L2_URL, BOT_WAPP_URL } from 'src/config-global'
 
 import Iconify from 'src/components/iconify'
 
@@ -42,8 +42,8 @@ export default function BankingBalances({
   tableData,
   ...other
 }: Props) {
-  const walletLinkL1 = `${EXPLORER_L1}/address/${tableData?.wallet || ''}`
-  const walletLinkL2 = `${EXPLORER_L2}/address/${tableData?.wallet || ''}`
+  const walletLinkL1 = `${EXPLORER_L1_URL}/address/${tableData?.wallet || ''}`
+  const walletLinkL2 = `${EXPLORER_L2_URL}/address/${tableData?.wallet || ''}`
 
   const { t } = useTranslate()
 

src/sections/banking/banking-recent-transitions.tsx

@@ -22,7 +22,7 @@ import { fNumber } from 'src/utils/format-number'
 import { fDate, fTime } from 'src/utils/format-time'
 
 import { useTranslate } from 'src/locales'
-import { EXPLORER_L2 } from 'src/config-global'
+import { EXPLORER_L2_URL } from 'src/config-global'
 
 import Label from 'src/components/label'
 import Iconify from 'src/components/iconify'
@@ -177,7 +177,7 @@ function BankingRecentTransitionsRow({ userWallet, row, mdUp }: BankingRecentTra
   const message: string = `${
     trxReceive ? t('transactions.receive-from') : t('transactions.sent-to')
   } ${contact}`
-  const trxLink = `${EXPLORER_L2}/tx/${row.trx_hash}`
+  const trxLink = `${EXPLORER_L2_URL}/tx/${row.trx_hash}`
 
   const popover = usePopover()
 

src/sections/nfts/nft-item.tsx

@@ -22,7 +22,7 @@ import { useTranslate } from 'src/locales'
 import {
   NFT_SHARE,
   UI_API_URL,
-  NFT_TRX_EXPLORER,
+  EXPLORER_NFT_URL,
   NFT_MARKETPLACE_URL,
   NFT_IMAGE_REPOSITORY
 } from 'src/config-global'
@@ -45,7 +45,7 @@ export default function NftItem({ nft }: Props) {
 
   const { trxId, nftId, metadata } = nft
 
-  const linkTrx = `${NFT_TRX_EXPLORER}/tx/${trxId}`
+  const linkTrx = `${EXPLORER_NFT_URL}/tx/${trxId}`
   const linkMarketplace = `${NFT_MARKETPLACE_URL}/${nftId}`
 
   const mintUrl = `${UI_API_URL}/nfts/mint/${nftId.toString()}`