Fix: routing for data tab (#2758)

Author: kattylucy

centrifuge-app/src/components/DebugFlags/config.ts

@@ -49,7 +49,7 @@ export type Key =
   | 'showTokenYields'
   | 'showOracleTx'
   | 'showGmp'
-  | 'showReports'
+  | 'showData'
   | 'showAPYGraph'
   | 'showAssets'
 
@@ -137,7 +137,7 @@ export const flagsConfig = {
     default: false,
     type: 'checkbox',
   },
-  showReports: {
+  showData: {
     alwaysShow: true,
     default: false,
     type: 'checkbox',

centrifuge-app/src/pages/Pool/Header.tsx

@@ -22,7 +22,7 @@ export function PoolDetailHeader({ actions }: Props) {
   const theme = useTheme()
   const cent = useCentrifuge()
 
-  const { showReports, showAssets } = useDebugFlags()
+  const { showData, showAssets } = useDebugFlags()
 
   const iconUri = metadata?.pool?.icon?.uri && cent.metadata.parseMetadataUrl(metadata?.pool?.icon?.uri)
 
@@ -62,7 +62,7 @@ export function PoolDetailHeader({ actions }: Props) {
         <NavigationTabs>
           <NavigationTabsItem to={`/pools/${pid}`}>Overview</NavigationTabsItem>
           {!isTinlakePool && <NavigationTabsItem to={`/pools/${pid}/reporting`}>Reports</NavigationTabsItem>}
-          {!isTinlakePool && showReports && <NavigationTabsItem to={`/pools/${pid}/data`}>Data</NavigationTabsItem>}
+          {!isTinlakePool && showData && <NavigationTabsItem to={`/pools/${pid}/data`}>Data</NavigationTabsItem>}
           {showAssets && <NavigationTabsItem to={`/pools/${pid}/assets`}>Assets</NavigationTabsItem>}
         </NavigationTabs>
       </Shelf>

centrifuge-app/src/pages/Pool/index.tsx

@@ -1,14 +1,17 @@
 import { Route, Routes } from 'react-router-dom'
+import { useDebugFlags } from '../../../src/components/DebugFlags'
 import { PoolDetailAssetsTab } from './Assets'
 import { PoolDetailOverviewTab } from './Overview'
 import { PoolDetailReportingTab } from './Reporting'
 
 export default function PoolDetailPage() {
+  const { showData } = useDebugFlags()
   return (
     <Routes>
       <Route path="/" element={<PoolDetailOverviewTab />} />
+      {showData && <Route path="data" element={<PoolDetailReportingTab />} />}
       <Route path="reporting/:report" element={<PoolDetailReportingTab />} />
-      <Route path="data/:report" element={<PoolDetailReportingTab />} />
+      {showData && <Route path="data/:report" element={<PoolDetailReportingTab />} />}
       <Route path="reporting" element={<PoolDetailReportingTab />} />
       <Route path="assets" element={<PoolDetailAssetsTab />} />
     </Routes>