merge: dev branch

.env.example

@@ -1,3 +1,3 @@
 NEXT_PUBLIC_API_BASE_URL= # Example: https://api.example.com
 NEXT_PUBLIC_PROJECT_ID= # ProjectID from WalletConnect
-TESTNET= # true or false
+NEXT_PUBLIC_TESTNET_MODE= # true or false

README.md

@@ -31,7 +31,7 @@ $ cp .env.example .env
 - Set up `NEXT_PUBLIC_API_BASE_URL` with ZKchainHub Backend API url. It will typically run on `http://localhost:3000`
 - (Optionally) 
     - Set `NEXT_PUBLIC_PROJECT_ID` with your [Wallet Connect](https://walletconnect.com/) ProjectID
-    - Set `TESTNET` with `true` to use testnet mode with testnet backend API URL set up in `NEXT_PUBLIC_API_BASE_URL`
+    - Set `NEXT_PUBLIC_TESTNET_MODE ` with `true` to use testnet mode with testnet backend API URL set up in `NEXT_PUBLIC_API_BASE_URL`
 
 ## 🏃 Running the app
 

src/containers/Header/DesktopHeader.tsx

@@ -27,8 +27,9 @@ export const DesktopHeader = ({
     <StyledHeader>
       <LogoContainer onClick={goToHome} role='button' aria-label='Navigate to home'>
         <Logo src={theme === 'dark' ? LogoDark : LogoLight} alt='ZK Chain Hub' priority={true} />
-        {TESTNET_MODE === 'true' && <Testnet>testnet</Testnet>}
+        {TESTNET_MODE === 'true' && <Testnet>Testnet</Testnet>}
       </LogoContainer>
+
       <SBox>
         <Gas />
         <SearchBar />
@@ -37,6 +38,7 @@ export const DesktopHeader = ({
           setValue={handleChangeLanguage}
           list={Object.values(localesMap)}
         />
+
         <SIconButton onClick={changeTheme}>
           <Icon icon='mode' alt='mode-icon' size={24} />
         </SIconButton>

src/containers/Header/MobileHeader.tsx

@@ -32,7 +32,7 @@ export const MobileHeader = ({ theme, goToHome, handleChangeLanguage, localesMap
     <StyledHeader>
       <LogoContainer onClick={goToHome} role='button' aria-label='Navigate to home'>
         <Logo src={theme === 'dark' ? LogoDark : LogoLight} alt='ZK Chain Hub' />
-        {TESTNET_MODE === 'true' && <Testnet>testnet</Testnet>}
+        {TESTNET_MODE === 'true' && <Testnet>Testnet</Testnet>}
       </LogoContainer>
 
       <IconsContainer>