From 0e4602c188ffc8d5c6940d6b6afc3ba69616a8e3 Mon Sep 17 00:00:00 2001
From: David Colon <38386583+Da-Colon@users.noreply.github.com>
Date: Mon, 11 Mar 2024 14:54:25 -0400
Subject: [PATCH] replace APP_NAME const, with VITE_APP_NAME env

---
 index.html                                        | 6 +++---
 src/constants/common.ts                           | 1 -
 src/pages/DAOController.tsx                       | 3 +--
 src/providers/NetworkConfig/rainbow-kit.config.ts | 3 +--
 4 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 112606380a..a2f59c601c 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@
     />
     <meta
       property="og:title"
-      content={APP_NAME}
+      content={import.meta.env.VITE_APP_NAME}
     />
     <meta
       property="og:image"
@@ -49,11 +49,11 @@
     />
     <meta
       property="og:image:alt"
-      content={APP_NAME}
+      content={import.meta.env.VITE_APP_NAME}
     />
     <meta
       property="og:site_name"
-      content={APP_NAME}
+      content={import.meta.env.VITE_APP_NAME}
     />
     <meta
       name="viewport"
diff --git a/src/constants/common.ts b/src/constants/common.ts
index 198afdb4c6..c50e79f836 100644
--- a/src/constants/common.ts
+++ b/src/constants/common.ts
@@ -1,4 +1,3 @@
-export const APP_NAME = 'Fractal';
 export const HEADER_HEIGHT = '4rem';
 export const CONTENT_HEIGHT = `calc(100vh - ${HEADER_HEIGHT})`;
 export const BACKGROUND_SEMI_TRANSPARENT = 'black.900-semi-transparent';
diff --git a/src/pages/DAOController.tsx b/src/pages/DAOController.tsx
index da7143c981..20e87ec721 100644
--- a/src/pages/DAOController.tsx
+++ b/src/pages/DAOController.tsx
@@ -4,7 +4,6 @@ import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Outlet } from 'react-router-dom';
 import { useNetwork } from 'wagmi';
-import { APP_NAME } from '../constants/common';
 import useDAOController from '../hooks/DAO/useDAOController';
 import useDAOMetadata from '../hooks/DAO/useDAOMetadata';
 import { useFractal } from '../providers/App/AppProvider';
@@ -114,7 +113,7 @@ export default function DAOController() {
   }
   return (
     <>
-      <title>{node?.daoName ? `${node.daoName} | ${APP_NAME}` : APP_NAME}</title>
+      <title>{node?.daoName ? `${node.daoName} | ${import.meta.env.VITE_APP_NAME}` : import.meta.env.VITE_APP_NAME}</title>
       {display}
     </>
   );
diff --git a/src/providers/NetworkConfig/rainbow-kit.config.ts b/src/providers/NetworkConfig/rainbow-kit.config.ts
index 6ec9069e61..3a5c34d981 100644
--- a/src/providers/NetworkConfig/rainbow-kit.config.ts
+++ b/src/providers/NetworkConfig/rainbow-kit.config.ts
@@ -10,7 +10,6 @@ import {
 import { Chain, configureChains, createConfig, createStorage } from 'wagmi';
 import { hardhat, sepolia, mainnet } from 'wagmi/chains';
 import { jsonRpcProvider } from 'wagmi/providers/jsonRpc';
-import { APP_NAME } from '../../constants/common';
 import { supportedChains } from './NetworkConfigProvider';
 import { testWallet } from './testWallet';
 
@@ -44,7 +43,7 @@ export const { chains, publicClient } = configureChains(supportedWagmiChains, [
   }),
 ]);
 
-const defaultWallets = [injectedWallet({ chains }), coinbaseWallet({ appName: APP_NAME, chains })];
+const defaultWallets = [injectedWallet({ chains }), coinbaseWallet({ appName: import.meta.env.VITE_APP_NAME, chains })];
 
 if (import.meta.env.VITE_APP_WALLET_CONNECT_PROJECT_ID) {
   defaultWallets.push(