Merge pull request #914 from blockscout/hide-indx-alert

hide indexing alert

.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__

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;

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

ui/shared/Page/PageContent.tsx

 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 }}
     >
-      <IndexingAlert display={{ base: 'block', lg: 'none' }}/>
+      { !appConfig.hideIndexingAlert && <IndexingAlert display={{ base: 'block', lg: 'none' }}/> }
       { children }
     </Box>
   );

ui/snippets/header/Header.tsx

@@ -52,7 +52,7 @@ const Header = ({ isHomePage, renderSearchBar }: Props) => {
         paddingTop={ 9 }
         display={{ base: 'none', lg: 'block' }}
       >
-        <IndexingAlert/>
+        { !appConfig.hideIndexingAlert && <IndexingAlert/> }
         { !isHomePage && (
           <HStack
             as="header"