fix: debug flag name (#2781)

Author: kattylucy

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

@@ -31,7 +31,7 @@ export type DebugFlagConfig =
     }
 
 export type Key =
-  | 'killApp'
+  | 'hideApp'
   | 'showFinoa'
   | 'showOrderExecution'
   | 'address'
@@ -55,7 +55,7 @@ export type Key =
   | 'showAssets'
 
 export const flagsConfig = {
-  killApp: {
+  hideApp: {
     alwaysShow: true,
     default: true,
     type: 'checkbox',

centrifuge-app/src/components/LayoutBase/index.tsx

@@ -74,7 +74,7 @@ export const LayoutBase = () => {
   const location = useLocation()
   const isDesktop = useIsAboveBreakpoint('L')
   const isMedium = useIsAboveBreakpoint('M')
-  const { killApp } = useDebugFlags()
+  const { hideApp } = useDebugFlags()
 
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
 
@@ -83,19 +83,19 @@ export const LayoutBase = () => {
     setMobileMenuOpen(false)
   }, [location])
 
-  if (killApp && !location.pathname.startsWith('/migrate')) {
+  if (hideApp && !location.pathname.startsWith('/migrate')) {
     return <Navigate to="/migrate" replace />
   }
 
   return (
-    <Box backgroundColor={killApp ? 'backgroundSecondary' : 'white'}>
-      {isDesktop && !killApp && (
+    <Box backgroundColor={hideApp ? 'backgroundSecondary' : 'white'}>
+      {isDesktop && !hideApp && (
         <Box position="fixed" top="1rem" right="1rem" zIndex={theme.zIndices.header} mt={2} marginRight={1}>
           <WalletMenu />
         </Box>
       )}
 
-      {killApp && (
+      {hideApp && (
         <Box>
           <Box paddingTop="26px" pl={6}>
             <LogoCentrifugeText width={60} height={60} />
@@ -107,7 +107,7 @@ export const LayoutBase = () => {
         </Box>
       )}
 
-      {!isDesktop && !killApp && (
+      {!isDesktop && !hideApp && (
         <MobileHeader>
           <LogoLink />
           <Box display="flex" alignItems="center" marginLeft="auto">
@@ -125,13 +125,13 @@ export const LayoutBase = () => {
         </MobileHeader>
       )}
 
-      {isDesktop && !killApp && (
+      {isDesktop && !hideApp && (
         <Sidebar>
           <SidebarMenu />
         </Sidebar>
       )}
 
-      {!isDesktop && !killApp && (
+      {!isDesktop && !hideApp && (
         <Drawer
           isOpen={mobileMenuOpen}
           onClose={() => setMobileMenuOpen(false)}
@@ -144,7 +144,7 @@ export const LayoutBase = () => {
         </Drawer>
       )}
 
-      {killApp ? (
+      {hideApp ? (
         <Outlet />
       ) : (
         <Content>

centrifuge-app/src/components/Menu/index.tsx

@@ -63,11 +63,11 @@ const StyledRouterLinkButton = styled(RouterLinkButton)`
 
 export function Menu() {
   const pools = usePoolsThatAnyConnectedAddressHasPermissionsFor() || []
-  const { showSwaps, killApp } = useDebugFlags()
+  const { showSwaps, hideApp } = useDebugFlags()
   const iconSize = 'iconSmall'
   const isLarge = useIsAboveBreakpoint('L')
 
-  const menuItems = killApp
+  const menuItems = hideApp
     ? []
     : [
         {

centrifuge-app/src/pages/Pools.tsx

@@ -11,7 +11,7 @@ import { prefetchRoute } from '../components/Root'
 import { config } from '../config'
 
 export default function PoolsPage() {
-  const { killApp } = useDebugFlags()
+  const { hideApp } = useDebugFlags()
   const [, listedTokens] = useListedPools()
 
   const totalValueLocked = React.useMemo(() => {
@@ -32,7 +32,7 @@ export default function PoolsPage() {
     prefetchRoute('/pools/tokens')
   }, [])
 
-  if (killApp) {
+  if (hideApp) {
     return <Navigate to="/migrate" />
   }