diff --git a/.env.template b/.env.template
index 50ee492d44..b9e652fba5 100644
--- a/.env.template
+++ b/.env.template
@@ -51,6 +51,7 @@ NEXT_PUBLIC_AD_SLISE_ON=__PLACEHOLDER_FOR_NEXT_PUBLIC_AD_SLISE_ON__
NEXT_PUBLIC_GRAPHIQL_TRANSACTION=__PLACEHOLDER_FOR_NEXT_PUBLIC_GRAPHIQL_TRANSACTION__
NEXT_PUBLIC_WEB3_DEFAULT_WALLET=__PLACEHOLDER_FOR_NEXT_PUBLIC_WEB3_DEFAULT_WALLET__
NEXT_PUBLIC_WEB3_DISABLE_ADD_TOKEN_TO_WALLET=__PLACEHOLDER_FOR_NEXT_PUBLIC_WEB3_DISABLE_ADD_TOKEN_TO_WALLET__
+NEXT_PUBLIC_HIDE_INDEXING_ALERT=__PLACEHOLDER_FOR_NEXT_PUBLIC_HIDE_INDEXING_ALERT__
# api config
NEXT_PUBLIC_API_HOST=__PLACEHOLDER_FOR_NEXT_PUBLIC_API_HOST__
diff --git a/configs/app/config.ts b/configs/app/config.ts
index e86e64abf3..7b48553d2b 100644
--- a/configs/app/config.ts
+++ b/configs/app/config.ts
@@ -181,6 +181,7 @@ const config = Object.freeze({
graphQL: {
defaultTxnHash: getEnvValue(process.env.NEXT_PUBLIC_GRAPHIQL_TRANSACTION) || '',
},
+ hideIndexingAlert: getEnvValue(process.env.NEXT_PUBLIC_HIDE_INDEXING_ALERT),
});
export default config;
diff --git a/docs/ENVS.md b/docs/ENVS.md
index 5610c1b691..bad44530d3 100644
--- a/docs/ENVS.md
+++ b/docs/ENVS.md
@@ -53,7 +53,7 @@ The app instance could be customized by passing following variables to NodeJS en
| NEXT_PUBLIC_GRAPHIQL_TRANSACTION | `string` | Txn hash for default query at GraphQl playground page | - | - | `0x69e3923eef50eada197c3336d546936d0c994211492c9f947a24c02827568f9f` |
| NEXT_PUBLIC_WEB3_DEFAULT_WALLET | `metamask` \| `coinbase`| Type of Web3 wallet which will be used by default to add tokens or chains to | - | `metamask` | `coinbase` |
| NEXT_PUBLIC_WEB3_DISABLE_ADD_TOKEN_TO_WALLET | `boolean`| Set to `true` to hide icon "Add to your wallet" next to token addresses | - | `false` | `true` |
-
+| NEXT_PUBLIC_HIDE_INDEXING_ALERT | `boolean` | Set to `true` to hide indexing alert, if the chain indexing isn't completed | - | `false` | `true` |
### Marketplace app configuration properties
| Property | Type | Description | Example value
diff --git a/ui/shared/Page/PageContent.tsx b/ui/shared/Page/PageContent.tsx
index 1f92951b04..a0aef45d0b 100644
--- a/ui/shared/Page/PageContent.tsx
+++ b/ui/shared/Page/PageContent.tsx
@@ -1,6 +1,7 @@
import { Box } from '@chakra-ui/react';
import React from 'react';
+import appConfig from 'configs/app/config';
import IndexingAlert from 'ui/home/IndexingAlert';
interface Props {
@@ -17,7 +18,7 @@ const PageContent = ({ children, isHomePage }: Props) => {
paddingBottom={ 10 }
paddingTop={{ base: isHomePage ? '88px' : '138px', lg: 0 }}
>
-
+ { !appConfig.hideIndexingAlert && }
{ children }
);
diff --git a/ui/snippets/header/Header.tsx b/ui/snippets/header/Header.tsx
index 353f850a67..1b46b25c06 100644
--- a/ui/snippets/header/Header.tsx
+++ b/ui/snippets/header/Header.tsx
@@ -52,7 +52,7 @@ const Header = ({ isHomePage, renderSearchBar }: Props) => {
paddingTop={ 9 }
display={{ base: 'none', lg: 'block' }}
>
-
+ { !appConfig.hideIndexingAlert && }
{ !isHomePage && (