fix: readme and T&C visibility (#17)

* fix: readme and T&C visibility

.env.example

@@ -1 +1,2 @@
-NEXT_PUBLIC_DEPLOY_FOR_IPFS=false
+NEXT_PUBLIC_DEPLOY_FOR_IPFS=false
+NEXT_PUBLIC_TERMS_AND_CONDITIONS_VISIBLE=false

README.md

@@ -31,13 +31,9 @@ React application to interact with the Aave Governance V3 smart contracts: visua
 First run:
 
 ```sh
-git submodule init
-git submodule update --remote --init
-yarn
-
-yarn dev
+yarn && yarn dev
 // or
-yarn build && yarn start
+yarn && yarn build && yarn start
 ```
 
 After the first run:
@@ -47,12 +43,6 @@ yarn dev
 yarn build && yarn start
 ```
 
-For submodules update:
-
-```sh
-git submodule update --remote --init
-```
-
 ### Deploy your own Vercel instance
 
 You can deploy your version of the application using Vercel just by clicking on the following button, and following the instructions:

src/ui/layouts/AppHeader.tsx

@@ -5,7 +5,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import Logo from '/public/images/logo.svg';
 
 import { useStore } from '../../store';
-import { isForIPFS } from '../../utils/appConfig';
+import { isForIPFS, isTermsAndConditionsVisible } from '../../utils/appConfig';
 import { WalletWidget } from '../../web3/components/wallet/WalletWidget';
 import { BoxWith3D } from '../components/BoxWith3D';
 import { Link } from '../components/Link';
@@ -473,7 +473,7 @@ export function AppHeader() {
                   )}
                 </React.Fragment>
               ))}
-              {!isForIPFS && (
+              {!isForIPFS && isTermsAndConditionsVisible && (
                 <Box
                   component="button"
                   type="button"

src/ui/layouts/AppLayout.tsx

@@ -9,7 +9,7 @@ import React, { useEffect } from 'react';
 
 import { RepresentationInfoModal } from '../../representations/components/RepresentationInfoModal';
 import { useStore } from '../../store';
-import { isForIPFS } from '../../utils/appConfig';
+import { isForIPFS, isTermsAndConditionsVisible } from '../../utils/appConfig';
 import Web3HelperProvider from '../../web3/providers/Web3HelperProvider';
 import Web3Provider from '../../web3/providers/Web3Provider';
 import { TermsAndConditionsModal } from '../components/TermsAndConditionsModal';
@@ -39,7 +39,7 @@ export default function AppLayout({ children }: { children: React.ReactNode }) {
       <HelpModalProvider />
       <RepresentationInfoModal />
 
-      {!isForIPFS && (
+      {!isForIPFS && isTermsAndConditionsVisible && (
         <>
           <TermsAndConditionsModal />
           <TermsPreAppModal />

src/ui/layouts/SettingsButton.tsx

@@ -6,7 +6,7 @@ import SettingsIcon from '/public/images/icons/settings.svg';
 import SettingsBordersIcon from '/public/images/icons/settingsBorders.svg';
 
 import { useStore } from '../../store';
-import { isForIPFS } from '../../utils/appConfig';
+import { isForIPFS, isTermsAndConditionsVisible } from '../../utils/appConfig';
 import { BoxWith3D, Divider, ThemeSwitcher } from '../';
 import { IconBox } from '../primitives/IconBox';
 import { texts } from '../utils/texts';
@@ -122,7 +122,7 @@ export function SettingsButton() {
                 </Box>
                 <Divider sx={{ my: 10 }} />
                 <ThemeSwitcher />
-                {!isForIPFS && (
+                {!isForIPFS && isTermsAndConditionsVisible && (
                   <>
                     <Divider sx={{ my: 10 }} />
                     <Box

src/ui/store/uiSlice.ts

@@ -4,7 +4,7 @@ import { produce } from 'immer';
 
 import { DelegateItem } from '../../delegate/types';
 import { TransactionsSlice } from '../../transactions/store/transactionsSlice';
-import { isForIPFS } from '../../utils/appConfig';
+import { isForIPFS, isTermsAndConditionsVisible } from '../../utils/appConfig';
 import { getDelegateData } from '../helpModals/getDelegateData';
 import { getProposalData } from '../helpModals/getProposalData';
 import {
@@ -199,7 +199,11 @@ export const createUISlice: StoreSlice<
 
   isAppBlockedByTerms: false,
   checkIsAppBlockedByTerms: () => {
-    if (localStorage?.getItem('termsAccept') !== 'true' && !isForIPFS) {
+    if (
+      localStorage?.getItem('termsAccept') !== 'true' &&
+      !isForIPFS &&
+      isTermsAndConditionsVisible
+    ) {
       set({ isAppBlockedByTerms: true });
     } else {
       set({ isAppBlockedByTerms: false });

src/utils/appConfig.ts

@@ -10,6 +10,8 @@ import { StaticJsonRpcBatchProvider } from '@bgd-labs/frontend-web3-utils/src/ut
 import { chainInfoHelper } from './configs';
 
 export const isForIPFS = process.env.NEXT_PUBLIC_DEPLOY_FOR_IPFS === 'true';
+export const isTermsAndConditionsVisible =
+  process.env.NEXT_PUBLIC_TERMS_AND_CONDITIONS_VISIBLE === 'true';
 
 export const coreName: CoreNetworkName = 'mainnet';
 export const WC_PROJECT_ID = 'e6ed0c48443e54cc875462bbaec6e3a7'; // https://docs.walletconnect.com/2.0/cloud/relay