refactor(27674): add isDev and isProd config flag

hivemq · Jan 10, 2025 · 51a938f · 51a938f
1 parent ce73007
commit 51a938f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/hivemq-edge/src/frontend/src/modules/App/MainApp.tsx b/hivemq-edge/src/frontend/src/modules/App/MainApp.tsx
@@ -12,6 +12,7 @@ import { routes } from '@/modules/App/routes.tsx'
 import { AuthProvider } from '@/modules/Auth/AuthProvider.tsx'
 import themeHiveMQ from '@/modules/Theme/themeHiveMQ.ts'
 import PrivacyConsentBanner from '@/modules/Trackers/PrivacyConsentBanner.tsx'
+import config from '@/config'
 
 const MainApp: FC = () => {
   return (
@@ -22,9 +23,7 @@ const MainApp: FC = () => {
         </AuthProvider>
         <PrivacyConsentBanner />
       </ChakraProvider>
-      {import.meta.env.MODE === 'development' && (
-        <ReactQueryDevtools position="bottom" buttonPosition="top-left" initialIsOpen={false} />
-      )}
+      {config.isDevMode && <ReactQueryDevtools position="bottom" buttonPosition="top-left" initialIsOpen={false} />}
     </QueryClientProvider>
   )
 }

diff --git a/hivemq-edge/src/frontend/src/modules/App/components/ErrorPage.tsx b/hivemq-edge/src/frontend/src/modules/App/components/ErrorPage.tsx
@@ -2,6 +2,7 @@ import { isRouteErrorResponse, Link as RouterLink, useRouteError } from 'react-r
 import { chakra as Chakra, Heading, VStack, Text, Button, Box } from '@chakra-ui/react'
 import { useTranslation } from 'react-i18next'
 import { FaHome } from 'react-icons/fa'
+import config from '@/config'
 
 interface ErrorResponse {
   status: number
@@ -36,7 +37,7 @@ const ErrorPage = () => {
           {t('error.backHome')}
         </Button>
       </VStack>
-      {import.meta.env.MODE === 'development' && stack && (
+      {config.isDevMode && stack && (
         <Box
           overflow="auto"
           tabIndex={0}