From 9bdfaea852b23042026e705f558d1c1a8b8ce5b5 Mon Sep 17 00:00:00 2001
From: sophian <littlejohn.sophia@gmail.com>
Date: Mon, 25 Sep 2023 10:28:36 -0400
Subject: [PATCH] Hide link to portfolio behind debug flag

---
 centrifuge-app/src/components/Menu/index.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/centrifuge-app/src/components/Menu/index.tsx b/centrifuge-app/src/components/Menu/index.tsx
index 7237c6c5eb..9b0a7d0eb3 100644
--- a/centrifuge-app/src/components/Menu/index.tsx
+++ b/centrifuge-app/src/components/Menu/index.tsx
@@ -12,6 +12,7 @@ import { config } from '../../config'
 import { useAddress } from '../../utils/useAddress'
 import { useIsAboveBreakpoint } from '../../utils/useIsAboveBreakpoint'
 import { usePoolsThatAnyConnectedAddressHasPermissionsFor } from '../../utils/usePermissions'
+import { useDebugFlags } from '../DebugFlags'
 import { RouterLinkButton } from '../RouterLinkButton'
 import { GovernanceMenu } from './GovernanceMenu'
 import { IssuerMenu } from './IssuerMenu'
@@ -21,7 +22,9 @@ import { PoolLink } from './PoolLink'
 export function Menu() {
   const pools = usePoolsThatAnyConnectedAddressHasPermissionsFor() || []
   const isLarge = useIsAboveBreakpoint('L')
+  const isXLarge = useIsAboveBreakpoint('XL')
   const address = useAddress('substrate')
+  const { showPortfolio } = useDebugFlags()
 
   return (
     <Shelf
@@ -45,10 +48,12 @@ export function Menu() {
 
       <GovernanceMenu />
 
-      <PageLink to="/portfolio" stacked={!isXLarge}>
-        <IconPieChart />
-        Portfolio
-      </PageLink>
+      {showPortfolio && (
+        <PageLink to="/portfolio" stacked={!isXLarge}>
+          <IconPieChart />
+          Portfolio
+        </PageLink>
+      )}
 
       {(pools.length > 0 || config.poolCreationType === 'immediate') && (
         <IssuerMenu defaultOpen={isLarge} stacked={!isLarge}>